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

import { twJoin } from '@/utils'

export const rootStyles = cva(
	twJoin({
		display: 'flex size-7.5 items-center justify-center',
		visual: 'rounded-full',
		childs: '[&_svg]:size-5.5'
	}),
	{
		variants: {
			status: {
				pending: 'text-info bg-info/15',
				success: 'text-success bg-success/15',
				error: 'text-danger bg-danger/15'
			}
		},
		defaultVariants: {
			status: 'pending'
		}
	}
)

export type RootStylesProps = VariantProps<typeof rootStyles>
