{"version":3,"file":"index36.cjs","sources":["../src/components/buttons/basic/index.tsx"],"sourcesContent":["import BaseButton from \"../base\";\nimport { FunctionComponent, ReactNode } from \"react\";\n\nexport type BasicButtonType = {\n  className?: string;\n  label?: string;\n  /** Variant props */\n  size?: \"lg\" | \"xl\" | \"md\" | \"sm\";\n  state?: \"default\" | \"loading\" | \"disabled\";\n  style?: \"primary\" | \"secondary\" | \"tertiary\";\n  width?: \"hug content\" | \"fill container\";\n  color?:\n    | \"coral\"\n    | \"black\"\n    | \"white\"\n    | \"blackWhite\"\n    | \"whiteBlack\"\n    | \"buy\"\n    | \"sell\"\n    | \"glacier\";\n\n  /** Custom Props  */\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const BasicButton: FunctionComponent<BasicButtonType> = ({\n  className = \"\",\n  label,\n  iconLeft,\n  iconRight,\n  size = \"md\",\n  state = \"default\",\n  style = \"primary\",\n  width = \"hug content\",\n  color = \"coral\",\n  onClick,\n}) => {\n  return (\n    <BaseButton\n      className={className}\n      label={label}\n      iconLeft={iconLeft}\n      iconRight={iconRight}\n      size={size}\n      state={state}\n      style={style}\n      width={width}\n      onClick={onClick}\n      color={color}\n    />\n  );\n};\n\nBasicButton.displayName = \"BasicButton\";\n\nexport default BasicButton;\n"],"names":["jsx","BaseButton"],"mappings":";;;;AA2BO,MAAM,cAAkD,CAAC;AAAA,EAC9D,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AACF,MAAM;AAEF,SAAAA,2BAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEA,YAAY,cAAc;;;"}