import { twJoin } from '@/utils'

export const rootStyles = twJoin({
	display: 'flex items-center',
	text: 'text-2xl font-bold text-gray-900 text-nowrap',
	animation: 'transition-opacity',
	hover: 'hover:opacity-90',
	childs: {
		display: '[&_svg]:mr-2.5',
		text: '[&_span]:leading-none'
	},
	//
	dark: {
		text: 'dark:text-dark-gray-300'
	}
})
