export const borderRadius = {
  none: {
    left: 'rounded-l-none',
    top: 'rounded-t-none',
    right: 'rounded-r-none',
    bottom: 'rounded-b-none',
    all: 'rounded-none'
  },
  sm: {
    left: 'rounded-l',
    top: 'rounded-t',
    right: 'rounded-r',
    bottom: 'rounded-b',
    all: 'rounded'
  },
  md: {
    left: 'rounded-l-md',
    top: 'rounded-t-md',
    right: 'rounded-r-md',
    bottom: 'rounded-b-md',
    all: 'rounded-md'
  },
  lg: {
    left: 'rounded-l-lg',
    top: 'rounded-t-lg',
    right: 'rounded-r-lg',
    bottom: 'rounded-b-lg',
    all: 'rounded-lg'
  },
  full: {
    left: 'rounded-l-full',
    top: 'rounded-t-full',
    right: 'rounded-r-full',
    bottom: 'rounded-b-full',
    all: 'rounded-full'
  }
}

export const bShadow = {
  none: 'shadow-none',
  sm: 'shadow-sm',
  md: 'shadow',
  lg: 'shadow-lg',
  xl: 'shadow-xl',
  '2xl': 'shadow-2xl',
  inner: 'shadow-inner',
  outline: 'shadow-outline'
}

export const border = {
  sm: {
    left: 'border-l',
    top: 'border-t',
    right: 'border-r',
    bottom: 'border-b',
    all: 'border'
  },
  md: {
    left: 'border-l-2',
    top: 'border-t-2',
    right: 'border-r-2',
    bottom: 'border-b-2',
    all: 'border-2'
  },
  lg: {
    left: 'border-l-4',
    top: 'border-t-4',
    right: 'border-r-4',
    bottom: 'border-b-4',
    all: 'border-4'
  }
}
