{"version":3,"file":"Button-73bf17ec.js","sources":["../../../FE_DEV/src/components/Button.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faChevronRight } from '@fortawesome/free-solid-svg-icons'\n\nexport interface Props {\n\tas?: \"button\" | \"a\"\n\tchildren?: any\n\tclassName?: string\n\tsize?: \"sm\" | \"md\" | \"lg\"\n\ttype?: \"primary\" | \"secondary\" | \"secondary-alt\" | \"tertiary\"\n\tonClick?: () => void\n\thref?: string\n\thideArrow?: boolean,\n\tfitContent?: boolean\n\ttarget?: string\n}\n\nexport const Button = ({as = \"button\", href, children, hideArrow, type = \"primary\", size = \"md\", className, onClick, fitContent, target = ''}: Props) => {\n\n\tlet ButtonAs = as\n\n\tif (as == \"a\" || target || href) {\n\t\tButtonAs = 'a'\n\t} else {\n\t\tButtonAs = 'button'\n\t}\n\n\n\treturn (\n\t\t<ButtonAs onClick={onClick} href={href} target={target} rel={target == '_blank' ? 'noopener noreferrer' : ''} className={['flex group items-center justify-center space-x-3 rounded border-2 font-bold uppercase font-museo',\n\t\ttype == \"primary\" ? \"bg-action-primary-yellow-100 border-action-primary-yellow-100 text-action-primary-blue-120 font-bold\" : \"\",\n\t\ttype == \"secondary\" ? \"bg-action-primary-blue-100 border-action-primary-blue-100 text-white\" : \"\",\n\t\ttype == \"secondary-alt\" ? \"bg-action-primary-blue-100 border-action-primary-blue-100 text-white border-2 border-white\" : \"\",\n\t\ttype == \"tertiary\" ? \"bg-transparent border-action-primary-blue-100 text-action-primary-blue-100\" : \"\",\n\t\tsize == \"sm\" ? \"text-sm px-6 py-2.5\" : \"\",\n\t\tsize == \"md\" ? \"text-md px-6 py-3\" : \"\",\n\t\tsize == \"lg\" ? \"text-[18px] text leading-7 py-3 px-6\" : \"\",\n\t\tfitContent ? 'w-fit' : \"\",\n\t\tclassName].join(\" \")}>\n\t\t\t{ children }\n\t\t\t{!hideArrow &&\n\t\t\t\t<div className='group-hover:ml-[15px] flex items-center group-hover:opacity-100 -ml-2.5 duration-300 opacity-0 w-2.5'>\n\t\t\t\t\t<FontAwesomeIcon\n\t\t\t\t\t\ticon={faChevronRight}\n\t\t\t\t\t\tclassName={'w-[16px] h-[16px]'}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ButtonAs>\n\t)\n}\n"],"names":["Button","as","href","children","hideArrow","type","size","className","onClick","fitContent","target","ButtonAs","jsxs","jsx","FontAwesomeIcon","faChevronRight"],"mappings":"kKAgBO,MAAMA,EAAS,CAAC,CAAC,GAAAC,EAAK,SAAU,KAAAC,EAAM,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAAO,UAAW,KAAAC,EAAO,KAAM,UAAAC,EAAW,QAAAC,EAAS,WAAAC,EAAY,OAAAC,EAAS,MAAe,CAExJ,IAAIC,EAAWV,EAEX,OAAAA,GAAM,KAAOS,GAAUR,EACfS,EAAA,IAEAA,EAAA,SAKXC,EAACD,EAAS,CAAA,QAAAH,EAAkB,KAAAN,EAAY,OAAAQ,EAAgB,IAAKA,GAAU,SAAW,sBAAwB,GAAI,UAAW,CAAC,mGAC1HL,GAAQ,UAAY,uGAAyG,GAC7HA,GAAQ,YAAc,uEAAyE,GAC/FA,GAAQ,gBAAkB,6FAA+F,GACzHA,GAAQ,WAAa,6EAA+E,GACpGC,GAAQ,KAAO,sBAAwB,GACvCA,GAAQ,KAAO,oBAAsB,GACrCA,GAAQ,KAAO,uCAAyC,GACxDG,EAAa,QAAU,GACvBF,CAAA,EAAW,KAAK,GAAG,EAChB,SAAA,CAAAJ,EACD,CAACC,GACAS,EAAA,MAAA,CAAI,UAAU,uGACd,SAAAA,EAACC,EAAA,CACA,KAAMC,EACN,UAAW,mBAAA,CAAA,EAEb,CAEF,CAAA,CAAA,CAEF"}