export const classes = {
  'picker-panel': 'text-color-text-primary text-xs shadow-md bg-color-bg-1 rounded leading-4 my-0.5 mx-0',
  'date-range-picker': 'w-144',
  'sidebar': 'absolute top-0 bottom-0 w-28 border-r border-r-color-bg-3 box-border pt-5 bg-color-bg-1 overflow-auto',
  'shortcut':
    'block my-0 mx-auto w-24 rounded border-0 bg-transparent leading-8 text-xs text-color-text-primary pl-4 text-left outline-0 cursor-pointer hover:bg-color-bg-2',
  'shortcut-selected': 'text-color-brand bg-color-brand-hover-subtle',
  'body': 'min-w-[513px]',
  'time-header': 'relative text-xs h-10 leading-10 table w-full box-border border-b border-b-color-bg-3',
  'content': 'float-left w-1/2 box-border pt-4 pr-4 pb-1.5 pl-4',
  'header': 'relative text-center p-4 h-12',
  'icon-btn': 'text-sm leading-4 fill-color-text-primary border-0 cursor-pointer outline-0 hover:fill-color-brand',
  'is-disabled': 'text-color-text-disabled hover:cursor-not-allowed',
  'arrow-left': 'float-left',
  'arrow-right': 'float-right',
  'editors-wrap': 'box-border table-cell',
  'is-left': 'border-r border-r-color-bg-3 relative -left-px',
  'is-right': 'text-right',
  'time-picker-wrap': `relative table-cell px-1`,
  'time-picker-wrap-left': `before:content-[''] before:h-6 before:absolute before:right-0 before:top-2 before:border-r before:border-r-color-bg-3`,
  'editor': 'relative items-center sm:border-0 text-center',
  'footer': 'border-t border-t-color-bg-3 py-3 px-4 bg-color-bg-1 overflow-hidden rounded-b'
}
