export const classes = {
  'title': 'text-color-icon-primary font-bold text-xs',
  'popper':
    'sm:leading-5 sm:absolute sm:px-4 sm:py-3 sm:z-[2000] sm:text-justify sm:text-xs break-all sm:max-w-[theme(spacing.96)] sm:shadow-md sm:bg-color-bg-1 sm:rounded sm:[&[x-placement^=top]]:mb-2.5 sm:[&[x-placement^=bottom]]:mt-2.5 sm:[&[x-placement^=right]]:ml-2.5 sm:[&[x-placement^=left]]:mr-2.5',
  'arrow':
    'absolute ml-0.5 border-b-color-bg-1 border-l-color-bg-1 rounded-bl-sm block w-0 h-0 border-4 border-transparent border-solid after:absolute after:block after:border-transparent after:border-solid after:content-[""]',
  'placement-top': '-bottom-1 left-1/2 -rotate-45',
  'placement-bottom': '-top-1 left-1/2 rotate-[135deg]',
  'placement-right': '-left-1.5 top-1/2 rotate-45',
  'placement-left': 'top-1/2 -right-1 rotate-[225deg]'
}
