export const ontimeCheckboxOnDark = {
  control: {
    border: '1px',
    borderColor: '#2d2d2d', // $gray-1100
    backgroundColor: '#2d2d2d', // $gray-1100
    _checked: {
      borderColor: '#3182ce', // $action-blue
      backgroundColor: '#3182ce', //$action-blue
    },
    _focus: {
      boxShadow: '0 0 0 1px #578AF4', // $blue-500
    },
  },
  label: {
    fontWeight: '200',
    color: '#9d9d9d', // $gray-500
    _checked: {
      color: '#cfcfcf', // $gray-300
    },
  },
};