export const classes = {
  'picker-panel': 'w-96 text-color-text-primary text-xs shadow-md bg-color-bg-1 rounded leading-4 my-0.5 mx-0',
  'picker-panel-body': `after:content-[''] after:table after:clear-both`,
  'content': 'relative py-0 px-4',
  'header': 'p-4 h-12 text-center',
  'bordered': 'mb-0 pb-3',
  'disabled': 'text-color-text-disabled',
  'icon-btn': 'text-sm leading-4 fill-color-text-primary border-0 cursor-pointer outline-0 hover:fill-color-brand',
  'header-label': 'text-xs font-medium py-0 px-1 text-center text-color-text-primary align-middle',
  'body-content': 'float-left w-1/2 box-border m-0 pt-4 pr-4 pb-1.5 pl-4',
  'today': 'border border-solid border-color-border-focus',
  'footer': 'border-t border-t-color-bg-3 py-3 px-4 bg-color-bg-1 overflow-hidden rounded-b',
  'link-btn': 'align-middle rounded',
  'time-header': 'relative text-xs h-10 leading-10 table w-full box-border border-b border-b-color-bg-3',
  'editor-wrap': 'relative table-cell px-1'
}
