export default {
  wrapper: 'w-full flex flex-col',
  ring: "focus-visible:ring-2 focus-visible:ring-blue-500 dark:focus-visible:ring-blue-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900",
  item: {
    size: {
      md: 'text-md ',
      lg: 'text-xl'
    },
    color: {
      gray: 'text-deepblue-900 dark:text-gray-200',
    },
    icon: 'ms-auto transform transition-transform duration-200',
    accordion: 'p-4 rounded bg-white dark:bg-gray-900 transition-colors',
    content: '',
    button: 'flex justify-between gap-1 grow w-full items-center text-sm font-semibold text-start'
  },

  transition: {
    enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out',
    leaveActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out'
  },
}