var sizes = {
  tablet: '768px',
  desktop: '1024px',
  wide: '1280px',
  margin: '10',
  borderRadius: '2px',
  button: {
    height: {
      small: '26px',
      large: '30px'
    },
    padding: {
      bottom: '2px',
      leftRight: '15px'
    },
    minWidth: '140px'
  },
  input: {
    height: '3.4rem',
    padding: '1rem',
    fontSize: '1.3rem'
  },
  checkbox: {
    height: '14px',
    width: '14px'
  },
  textarea: {
    padding: '0.6rem'
  },
  timepicker: {
    list: {
      height: '144px'
    }
  },
  table: {
    header: {
      height: '36px'
    },
    row: {
      height: '63px'
    },
    deleteRow: {
      height: '36px'
    }
  },
  fontWeight: {
    regular: 400,
    semiBold: 500,
    bold: 600,
    black: 900
  }
};
export default sizes;