{"version":3,"file":"index-IgIJnHOO.js","sources":["../../../app/javascript/src/shoppe/elements/Spinner/index.tsx","../../../app/javascript/src/shoppe/elements/LoadingButton/index.jsx"],"sourcesContent":["import React from 'react';\n\ntype SpinnerProps = {\n children?: React.ReactElement;\n className?: string;\n}\n\nexport const Spinner = ({ children, className = 'spinner-border' }: SpinnerProps ) => (\n <div className={className} role=\"status\" aria-hidden=\"true\">\n <span className=\"sr-only\">{children}</span>\n </div>\n);\n","import React from 'react';\n\nimport { Spinner } from '../Spinner';\n\nexport const LoadingButton = ({\n children,\n className,\n loading = false,\n type = 'button',\n ...attrs\n}) => (\n <button className={className} disabled={!!loading} type={type} {...attrs}>\n {children}\n\n {loading && <Spinner className=\"spinner-border spinner-border-sm ml-3\" />}\n </button>\n);\n"],"names":["Spinner","children","className","React","LoadingButton","loading","type","attrs"],"mappings":"wCAOO,MAAMA,EAAU,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAY,oBAC7CC,EAAA,cAAA,MAAA,CAAI,UAAAD,EAAsB,KAAK,SAAS,cAAY,MACnD,EAAAC,EAAA,cAAC,QAAK,UAAU,SAAA,EAAWF,CAAS,CACtC,ECNWG,EAAgB,CAAC,CAC5B,SAAAH,EACA,UAAAC,EACA,QAAAG,EAAU,GACV,KAAAC,EAAO,SACP,GAAGC,CACL,oBACG,SAAO,CAAA,UAAAL,EAAsB,SAAU,CAAC,CAACG,EAAS,KAAAC,EAAa,GAAGC,GAChEN,EAEAI,GAAWF,EAAA,cAACH,EAAQ,CAAA,UAAU,wCAAwC,CACzE"}