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

import { twJoin } from '@/utils'

export const rootStyles = cva(
	twJoin({
		text: 'text-gray-900 font-semibold leading-[137%]!',
		//
		dark: 'dark:text-dark-gray-200'
	}),
	{
		variants: {
			level: {
				1: 'text-4xl',
				2: 'text-3xl',
				3: 'text-[26px]',
				4: 'text-2xl',
				5: 'text-lg',
				6: 'text-base'
			}
		},
		defaultVariants: {
			level: 1
		}
	}
)

export type RootStylesProps = VariantProps<typeof rootStyles>
