@serendie/ui/dist/components/Tabs/Tabs.js

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

import { jsx as t } from "react/jsx-runtime";
import { tabs_exports as o } from "../../node_modules/@ark-ui/react/dist/components/tabs/tabs.js";
import { cx as m } from "../../styled-system/css/cx.js";
import { sva as p } from "../../styled-system/css/sva.js";
const e = p({
  slots: ["root", "list"],
  base: {
    root: {
      display: "flex",
      paddingX: "sd.system.dimension.spacing.medium"
    },
    list: {
      display: "flex",
      flex: 1,
      alignItems: "center",
      justifyContent: "space-around"
    }
  }
}), y = ({ children: r, className: i, ...a }) => {
  const [n, l] = e.splitVariantProps(a), s = e(n);
  return /* @__PURE__ */ t(o.Root, { className: m(s.root, i), ...l, children: /* @__PURE__ */ t(o.List, { className: s.list, children: r }) });
};
export {
  y as Tabs,
  e as TabsStyle
};