mirror of
https://github.com/luxfi/market.git
synced 2026-09-24 00:25:57 +00:00
24 lines
559 B
TypeScript
24 lines
559 B
TypeScript
import * as TabsPrimitive from '@radix-ui/react-tabs'
|
|
import { styled } from 'stitches.config'
|
|
|
|
const TabsList = styled(TabsPrimitive.List, {
|
|
display: 'flex',
|
|
gap: '$5',
|
|
borderBottom: '1px solid $gray5',
|
|
mt: '$5',
|
|
mb: '$4',
|
|
})
|
|
|
|
const TabsTrigger = styled(TabsPrimitive.Trigger, {
|
|
fontWeight: '700',
|
|
pb: '$3',
|
|
'&[data-state="active"]': {
|
|
boxShadow:
|
|
'inset 0 -1px 0 0 var(--colors-violet9), 0 1px 0 0 var(--colors-violet9)',
|
|
},
|
|
})
|
|
|
|
const TabsContent = styled(TabsPrimitive.Content, {})
|
|
|
|
export { TabsList, TabsTrigger, TabsContent }
|