@dndbuilder.com/react
Version:
Drag and drop builder for React
49 lines (48 loc) • 1.56 kB
JavaScript
"use client";
import { jsx as s } from "react/jsx-runtime";
import i from "react";
import { Root as p, List as n, Trigger as d, Content as l } from "../../../../../node_modules/.pnpm/@radix-ui_react-tabs@1.1.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19.0.10_zw2jd7lnncg2lbtqb4feedrihy/node_modules/@radix-ui/react-tabs/dist/index.js";
import { classNames as o } from "../../../../../utils.js";
const r = ({ children: e, ...t }) => /* @__PURE__ */ s(p, { ...t, children: e }), m = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
n,
{
ref: a,
className: o(
"inline-flex h-10 items-center justify-center rounded-sm bg-gray-300 p-1 text-gray-600",
e
),
...t
}
));
m.displayName = n.displayName;
const c = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
d,
{
ref: a,
className: o(
"rounded-xs focus-visible:outline-hidden data-[state=active]:shadow-xs inline-flex items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm transition-all disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-gray-800",
e
),
...t
}
));
c.displayName = d.displayName;
const f = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
l,
{
ref: a,
className: o(
"focus-visible:outline-hidden mt-2 focus-visible:ring-offset-2",
e
),
...t
}
));
f.displayName = l.displayName;
r.List = m;
r.Trigger = c;
r.Content = f;
export {
r as Tabs
};
//# sourceMappingURL=tabs.js.map