import { VariantProps, cva } from 'class-variance-authority'

import { twJoin } from '@/utils'

export const rootStyles = cva(
	twJoin({
		display: 'flex items-center justify-center overflow-hidden',
		visual: 'rounded-full'
	}),
	{
		variants: {
			size: {
				sm: 'size-8 min-w-8 [&_svg]:size-5',
				md: 'size-9.5 min-w-9.5 [&_svg]:size-6'
			}
		},
		defaultVariants: {
			size: 'md'
		}
	}
)

export type RootStylesProps = VariantProps<typeof rootStyles>
