{"version":3,"file":"index35.mjs","sources":["../src/components/buttons/icon/index.tsx"],"sourcesContent":["import BaseButton from \"../base\";\nimport { FunctionComponent, ReactNode } from \"react\";\n\nexport type IconButtonType = {\n  /** Variant props */\n  size?: \"lg\" | \"xl\" | \"md\" | \"sm\";\n  state?: \"default\" | \"loading\" | \"disabled\";\n  style?: \"primary\" | \"tertiary\";\n  width?: \"hug content\" | \"fill container\";\n\n  /** Custom Props  */\n  className?: string;\n  color?:\n    | \"coral\"\n    | \"black\"\n    | \"white\"\n    | \"blackWhite\"\n    | \"whiteBlack\"\n  icon: ReactNode;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const IconButton: FunctionComponent<IconButtonType> = ({\n  className = \"\",\n  icon,\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      icon={icon}\n      size={size}\n      state={state}\n      style={style}\n      width={width}\n      onClick={onClick}\n      color={color}\n      type=\"icon\"\n    />\n  );\n};\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n"],"names":[],"mappings":";;AAsBO,MAAM,aAAgD,CAAC;AAAA,EAC5D,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AACF,MAAM;AAEF,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EACP;AAEJ;AAEA,WAAW,cAAc;"}