const sizes = {
  tablet: '768px',
  desktop: '1024px',
  wide: '1280px',
  margin: '10',
  radius: '3px',
  button: {
    height: {
      small: '26px',
      large: '30px',
    },
    padding: {
      small: '15px',
      large: '30px',
    },
  },
  input: {
    height: '3.4rem',
    padding: '1rem',
    fontWeight: 400,
    fontSize: '1.3rem',
  },
  checkbox: {
    height: '14px',
    width: '14px',
    fontWeight: 100,
  },
  timepicker: {
    list: {
      height: '144px',
    },
  },
  table: {
    header: {
      height: '36px',
    },
    row: {
      height: '63px',
    },
    deleteRow: {
      height: '36px',
    },
  },
};

export default sizes;
