import { twJoin } from '@/utils'

export const rootStyles = twJoin({
	display: 'flex items-center w-full px-4 py-2 mt-1 first:mt-0',
	text: 'text-base',
	visual: 'rounded-md outline-none',
	animation: 'transition-(color,bg) duration-300',
	hover: 'hover:bg-gray-100',
	childs: '[&_svg]:size-6 [&_svg]:mr-2.5',
	//
	dark: 'dark:hover:bg-dark-gray-800/50'
})
