interface EProps {
  /**
   *border sytle
   */
  mkBorder?: 'none' | 'bordered' | 'top' | 'bottom' | 'left' | 'right' | 'topBar' | 'bottomBar' | 'leftBar' | 'rightBar'
}

interface Props extends SProps, EProps {}

interface SProps {
  /**
   *border radius
   */
  mkBorderRadius?: Level
  /**
   *Circle shape
   */
  mkRounded?: boolean
  /**
   *box shadow
   */
  mkShadow?: keyof Theme['border']['shadows']
}

interface Theme {
  border: {
    shadows: {
      0: string
      1: string
      2: string
      3: string
      4: string
      5: string
      6: string
      7: string
      8: string
      9: string
      10: string
      11: string
      12: string
      13: string
      14: string
      15: string
      16: string
      17: string
      18: string
      19: string
      20: string
      21: string
      22: string
      23: string
      24: string
    }
    radius: {
      [key in Level]: number
    }
  }
}

export type Rule = ExtendRule<ParentRule, SProps, EProps, Theme>

export const : any = ...

export const theme: Theme = ...