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

import { twJoin } from '@/utils'

export const rootStyles = cva(
	twJoin({
		text: 'text-gray-900 font-medium',
		//
		dark: 'dark:text-dark-gray-200'
	}),
	{
		variants: {
			level: {
				1: 'text-[64px] leading-[131%]!',
				2: 'text-[56px] leading-[139%]!',
				3: 'text-[48px] leading-[142%]!',
				4: 'text-[32px] leading-[144%]!'
			}
		},
		defaultVariants: {
			level: 1
		}
	}
)

export type RootStylesProps = VariantProps<typeof rootStyles>
