eldav1d-marvel-ui/dist/cjs/atoms/Button/Button.cjs.map

UI library for (and from) Playing with Marvel API

{"version":3,"file":"Button.cjs","sources":["../../../../lib/atoms/Button/Button.tsx"],"sourcesContent":["export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * @property {boolean} disabled\n   * Button disabled\n   */\n  disabled?: boolean;\n  /**\n   * @property {string} variant\n   * Button variant\n   */\n  variant?: 'neutral' | 'ghost';\n  /**\n   * @property {React.ReactNode}\n   * Button children\n   */\n  children?: React.ReactNode;\n}\n\nconst Button = ({ disabled, children, variant = 'neutral', ...props }: IButtonProps) => {\n  const getDisabledStyles = () => {\n    if (disabled) {\n      return 'opacity-50 cursor-not-allowed';\n    }\n\n    return '';\n  };\n\n  const getVariant = (variant: string) => {\n    if (variant === 'neutral') {\n      return 'bg-black';\n    }\n\n    return '';\n  };\n\n  return (\n    <button\n      className={`uppercase font-bold text-white border border-white px-4 py-2 active-border focus-visible-border ${getVariant(variant)} ${getDisabledStyles()}`}\n      disabled={disabled}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n\nexport default Button;\n"],"names":["Button","disabled","children","variant","props","getDisabledStyles","getVariant","_jsx"],"mappings":"iJAkBMA,EAAS,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAU,UAAW,GAAGC,KAAyB,CACrF,MAAMC,EAAoB,IACpBJ,EACK,gCAGF,GAGHK,EAAcH,GACdA,IAAY,UACP,WAGF,GAGT,OACEI,EAAAA,cACE,UAAW,mGAAmGD,EAAWH,CAAO,CAAC,IAAIE,EAAmB,CAAA,GACxJ,SAAAJ,EAAkB,GACdG,EAEH,SAAAF,EACM,CAEb"}