export const spacing = {
  auto: {
    margin: 'm-auto',
    marginHorizontal: 'mx-auto',
    marginVertical: 'my-auto',
    marginRight: 'mr-auto',
    marginLeft: 'ml-auto',
    marginTop: 'mt-auto',
    marginBottom: 'mb-auto'
  },
  none: {
    paddingLeft: 'pl-0',
    paddingTop: 'pt-0',
    paddingRight: 'pr-0',
    paddingBottom: 'pb-0',
    marginLeft: 'ml-0',
    marginTop: 'mt-0',
    marginRight: 'mr-0',
    marginBottom: 'mb-0',
    negativeMarginLeft: '-ml-0',
    negativeMarginRight: '-mr-0',
    negativeMarginTop: '-mt-0',
    negativeMarginBottom: '-mb-0',
    left: 'left-0',
    right: 'right-0',
    top: 'top-0',
    bottom: 'bottom-0',
    spaceX: 'space-x-0',
    paddingX: 'px-0',
    paddingY: 'py-0'
  },
  px: {
    paddingLeft: 'pl-px',
    paddingTop: 'pt-px',
    paddingRight: 'pr-px',
    paddingBottom: 'pb-px',
    marginLeft: 'ml-px',
    marginTop: 'mt-px',
    marginRight: 'mr-px',
    marginBottom: 'mb-px',
    negativeMarginLeft: '-ml-px',
    negativeMarginRight: '-mr-px',
    negativeMarginTop: '-mt-px',
    negativeMarginBottom: '-mb-px',
    left: 'left-px',
    right: 'right-px',
    top: 'top-px',
    bottom: 'bottom-px',
    spaceX: 'space-x-px',
    paddingX: 'px-px',
    paddingY: 'py-px'
  },
  tiny: {
    paddingLeft: 'pl-0.5',
    paddingTop: 'pt-0.5',
    paddingRight: 'pr-0.5',
    paddingBottom: 'pb-0.5',
    marginLeft: 'ml-0.5',
    marginTop: 'mt-0.5',
    marginRight: 'mr-0.5',
    marginBottom: 'mb-0.5',
    negativeMarginLeft: '-ml-0.5',
    negativeMarginRight: '-mr-0.5',
    negativeMarginTop: '-mt-0.5',
    negativeMarginBottom: '-mb-0.5',
    left: 'left-0.5',
    right: 'right-0.5',
    top: 'top-0.5',
    bottom: 'bottom-0.5',
    spaceX: 'space-x-0.5',
    paddingX: 'px-0.5',
    paddingY: 'py-0.5'
  },
  xxs: {
    paddingLeft: 'pl-1',
    paddingTop: 'pt-1',
    paddingRight: 'pr-1',
    paddingBottom: 'pb-1',
    marginLeft: 'ml-1',
    marginTop: 'mt-1',
    marginRight: 'mr-1',
    marginBottom: 'mb-1',
    negativeMarginLeft: '-ml-1',
    negativeMarginRight: '-mr-1',
    negativeMarginTop: '-mt-1',
    negativeMarginBottom: '-mb-1',
    left: 'left-1',
    right: 'right-1',
    top: 'top-1',
    bottom: 'bottom-1',
    spaceX: 'space-x-1',
    paddingX: 'px-1',
    paddingY: 'py-1'
  },
  xs: {
    paddingLeft: 'pl-1.5',
    paddingTop: 'pt-1.5',
    paddingRight: 'pr-1.5',
    paddingBottom: 'pb-1.5',
    marginLeft: 'ml-1.5',
    marginTop: 'mt-1.5',
    marginRight: 'mr-1.5',
    marginBottom: 'mb-1.5',
    negativeMarginLeft: '-ml-1.5',
    negativeMarginRight: '-mr-1.5',
    negativeMarginTop: '-mt-1.5',
    negativeMarginBottom: '-mb-1.5',
    left: 'left-1.5',
    right: 'right-1.5',
    top: 'top-1.5',
    bottom: 'bottom-1.5',
    spaceX: 'space-x-1.5',
    paddingX: 'px-1.5',
    paddingY: 'py-1.5'
  },
  sm: {
    paddingLeft: 'pl-2',
    paddingTop: 'pt-2',
    paddingRight: 'pr-2',
    paddingBottom: 'pb-2',
    marginLeft: 'ml-2',
    marginTop: 'mt-2',
    marginRight: 'mr-2',
    marginBottom: 'mb-2',
    negativeMarginLeft: '-ml-2',
    negativeMarginRight: '-mr-2',
    negativeMarginTop: '-mt-2',
    negativeMarginBottom: '-mb-2',
    left: 'left-2',
    right: 'right-2',
    top: 'top-2',
    bottom: 'bottom-2',
    spaceX: 'space-x-2',
    paddingX: 'px-2',
    paddingY: 'py-2'
  },
  md: {
    paddingLeft: 'pl-2.5',
    paddingTop: 'pt-2.5',
    paddingRight: 'pr-2.5',
    paddingBottom: 'pb-2.5',
    marginLeft: 'ml-2.5',
    marginTop: 'mt-2.5',
    marginRight: 'mr-2.5',
    marginBottom: 'mb-2.5',
    negativeMarginLeft: '-ml-2.5',
    negativeMarginRight: '-mr-2.5',
    negativeMarginTop: '-mt-2.5',
    negativeMarginBottom: '-mb-2.5',
    left: 'left-2.5',
    right: 'right-2.5',
    top: 'top-2.5',
    bottom: 'bottom-2.5',
    spaceX: 'space-x-2.5',
    paddingX: 'px-2.5',
    paddingY: 'py-2.5'
  },
  lg: {
    paddingLeft: 'pl-3',
    paddingTop: 'pt-3',
    paddingRight: 'pr-3',
    paddingBottom: 'pb-3',
    marginLeft: 'ml-3',
    marginTop: 'mt-3',
    marginRight: 'mr-3',
    marginBottom: 'mb-3',
    negativeMarginLeft: '-ml-3',
    negativeMarginRight: '-mr-3',
    negativeMarginTop: '-mt-3',
    negativeMarginBottom: '-mb-3',
    left: 'left-3',
    right: 'right-3',
    top: 'top-3',
    bottom: 'bottom-3',
    spaceX: 'space-x-3',
    paddingX: 'px-3',
    paddingY: 'py-3'
  },
  xl: {
    paddingLeft: 'pl-3.5',
    paddingTop: 'pt-3.5',
    paddingRight: 'pr-3.5',
    paddingBottom: 'pb-3.5',
    marginLeft: 'ml-3.5',
    marginTop: 'mt-3.5',
    marginRight: 'mr-3.5',
    marginBottom: 'mb-3.5',
    negativeMarginLeft: '-ml-3.5',
    negativeMarginRight: '-mr-3.5',
    negativeMarginTop: '-mt-3.5',
    negativeMarginBottom: '-mb-3.5',
    left: 'left-3.5',
    right: 'right-3.5',
    top: 'top-3.5',
    bottom: 'bottom-3.5',
    spaceX: 'space-x-3.5',
    paddingX: 'px-3.5',
    paddingY: 'py-3.5'
  },
  xxl: {
    paddingLeft: 'pl-4',
    paddingTop: 'pt-4',
    paddingRight: 'pr-4',
    paddingBottom: 'pb-4',
    marginLeft: 'ml-4',
    marginTop: 'mt-4',
    marginRight: 'mr-4',
    marginBottom: 'mb-4',
    negativeMarginLeft: '-ml-4',
    negativeMarginRight: '-mr-4',
    negativeMarginTop: '-mt-4',
    negativeMarginBottom: '-mb-4',
    left: 'left-4',
    right: 'right-4',
    top: 'top-4',
    bottom: 'bottom-4',
    spaceX: 'space-x-4',
    paddingX: 'px-4',
    paddingY: 'py-4'
  },
  xxxl: {
    paddingLeft: 'pl-6',
    paddingTop: 'pt-6',
    paddingRight: 'pr-6',
    paddingBottom: 'pb-6',
    marginLeft: 'ml-6',
    marginTop: 'mt-6',
    marginRight: 'mr-6',
    marginBottom: 'mb-6',
    negativeMarginLeft: '-ml-6',
    negativeMarginRight: '-mr-6',
    negativeMarginTop: '-mt-6',
    negativeMarginBottom: '-mb-6',
    left: 'left-6',
    right: 'right-6',
    top: 'top-6',
    bottom: 'bottom-6',
    spaceX: 'space-x-6',
    paddingX: 'px-6',
    paddingY: 'py-6'
  },
  jmb: {
    paddingLeft: 'pl-8',
    paddingTop: 'pt-8',
    paddingRight: 'pr-8',
    paddingBottom: 'pb-8',
    marginLeft: 'ml-8',
    marginTop: 'mt-8',
    marginRight: 'mr-8',
    marginBottom: 'mb-8',
    negativeMarginLeft: '-ml-8',
    negativeMarginRight: '-mr-8',
    negativeMarginTop: '-mt-8',
    negativeMarginBottom: '-mb-8',
    left: 'left-8',
    right: 'right-8',
    top: 'top-8',
    bottom: 'bottom-8',
    spaceX: 'space-x-8',
    paddingX: 'px-8',
    paddingY: 'py-8'
  }
}
