@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
53 lines • 2.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.TabsRoot = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const TabsPrimitive = tslib_1.__importStar(require("@radix-ui/react-tabs"));
const css_1 = require("@reservoir0x/relay-design-system/css");
const react_1 = require("react");
const TabsListCss = (0, css_1.cva)({
base: {
display: 'flex',
alignItems: 'center',
borderRadius: 8,
p: '1',
backgroundColor: 'gray2',
border: 'none'
}
});
const TabsTriggerCss = (0, css_1.cva)({
base: {
width: '100%',
fontWeight: '500',
fontSize: '14px',
cursor: 'pointer',
py: '2px',
color: 'gray12',
borderRadius: 8,
backgroundColor: 'transparent',
border: 'none',
'&[data-state="active"]': {
backgroundColor: 'subtle-background-color',
'--borderColor': 'colors.gray.5',
border: '1px solid var(--borderColor)'
}
}
});
const TabsList = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { ...props, ref: forwardedRef, className: (0, css_1.css)(TabsListCss.raw(), css_1.css.raw(css)), children: children }));
});
exports.TabsList = TabsList;
const TabsTrigger = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { ...props, ref: forwardedRef, className: (0, css_1.css)(TabsTriggerCss.raw(), css_1.css.raw(css)), children: children }));
});
exports.TabsTrigger = TabsTrigger;
const TabsContent = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { ...props, ref: forwardedRef, className: (0, css_1.css)(css_1.css.raw(css)), children: children }));
});
exports.TabsContent = TabsContent;
const TabsRoot = (0, react_1.forwardRef)(({ children, css, ...props }, forwardedRef) => {
return ((0, jsx_runtime_1.jsx)(TabsPrimitive.Root, { ...props, ref: forwardedRef, className: (0, css_1.css)(css_1.css.raw(css)), children: children }));
});
exports.TabsRoot = TabsRoot;
//# sourceMappingURL=Tabs.js.map