{"version":3,"file":"static/chunks/5110.31a9456c72c69c58.js","mappings":"8IAMMA,EAAS,SAAHC,CAAA,EAyBG,IAxBXC,EAAQD,EAARC,QAAQ,CACHC,EAAGF,EAARG,GAAG,CACHC,EAAUJ,EAAVI,UAAU,CACVC,EAAIL,EAAJK,IAAI,CACJC,EAASN,EAATM,SAAS,CACTC,EAAgBP,EAAhBO,gBAAgB,CAChBC,EAASR,EAATQ,SAAS,CACTC,EAAaT,EAAbS,aAAa,CACbC,EAAWV,EAAXU,WAAW,CACXC,EAAeX,EAAfW,eAAe,CACfC,EAASZ,EAATY,SAAS,CACTC,EAAMb,EAANa,MAAM,CACNC,EAAId,EAAJc,IAAI,CACJC,EAAMf,EAANe,MAAM,CACNC,EAAIhB,EAAJgB,IAAI,CACJC,EAASjB,EAATiB,SAAS,CACTC,EAAIlB,EAAJkB,IAAI,CACJC,EAAUnB,EAAVmB,UAAU,CACVC,EAAepB,EAAfoB,eAAe,CACfC,EAAQrB,EAARqB,QAAQ,CACRC,EAAGtB,EAAHsB,GAAG,CACHC,EAAOvB,EAAPuB,OAAO,CACPC,EAAExB,EAAFwB,EAAE,CACFC,EAAezB,EAAfyB,eAAe,CACfC,EAAK1B,EAAL0B,KAAK,QAEL,GAIApB,EAAYA,EAAS,aAAAqB,MAAA,CAAgBrB,GAAc,YAG/CsB,CAAAA,EAAAA,EAAAA,GAAAA,EAACC,EAAAA,QAAQ,EAACC,SAAUF,CAAAA,EAAAA,EAAAA,GAAAA,EAACG,EAAAA,CAAM,KAAI9B,SAC/B2B,CAAAA,EAAAA,EAAAA,GAAAA,EAAC1B,EAAG,CACAI,UAAWA,EACX,qBAAoBC,EACpB,YAAWF,EACX,mBAAkBD,EAClB,oBAAmBgB,EACnB,kBAAiBZ,EACjB,sBAAqBC,EACrB,oBAAmBC,EACnB,yBAAwBC,EACxB,kBAAiBC,EACjB,cAAaO,EACb,WAAUG,EACVJ,KAAMhB,WAAAA,GAAoBgB,EAAOA,EAAOc,KAAAA,EACxClB,KAAM,CAAC,IAAI,CAACmB,OAAO,CAAC/B,GAAO,IAAMY,EAAOA,EAAOkB,KAAAA,EAC/CjB,OAAQ,CAAC,IAAK,OAAO,CAACkB,OAAO,CAAC/B,GAAO,GAAKa,EAASiB,KAAAA,EACnDE,WAAYhC,WAAAA,EAAmBa,EAASiB,KAAAA,EACxCG,IAAKpB,WAAAA,EAAsB,sBAAwBiB,KAAAA,EACnDhB,KAAMA,EACN,aAAYC,EACZmB,MAAOvB,EACPQ,SAAUA,EACVE,QAASA,EACTC,GAAIA,EACJ,mBAAkBC,EAClBC,MAAOA,EAAMzB,SAEb2B,CAAAA,EAAAA,EAAAA,GAAAA,EAAA,QAAMS,wBAAyB,CAACC,OAAQrC,CAAQ,CAAE,EAAQ,EACxD,IAnCC,IAsCf,CAqFAF,CAAAA,EAAOwC,YAAY,CAAG,CAClBpC,IAAK,SACLU,OAAQ,CAAC,CACb,EAEA2B,EAAA,QAAezC","sources":["webpack://_N_E/./components/Button/Button.js"],"sourcesContent":["import React,{Suspense} from 'react'\nimport PropTypes from 'prop-types'\nimport Loader from '../../adapters/helpers/Loader'\n\n/** The oralB button */\n\nconst Button = ({\n    children,\n    tag: Tag,\n    whiteTheme,\n    size,\n    className,\n    dataActionDetail,\n    greyTheme,\n    invertedTheme,\n    borderTheme,\n    borderThemeBlue,\n    textTheme,\n    styles,\n    href,\n    target,\n    role,\n    ariaLabel,\n    type,\n    dataCustom,\n    dataActionLabel,\n    disabled,\n    sku,\n    onClick,\n    id,\n    ariaDescribedBy,\n    title}) => {\n\n    if (!children) {\n        return null\n    }\n\n    className = className ? `ob-button ${className}` : 'ob-button';\n\n    return (\n        <Suspense fallback={<Loader />}>\n        <Tag\n            className={className}\n            data-action-detail={dataActionDetail}\n            data-size={size}\n            data-white-theme={whiteTheme}\n            data-action-label={dataActionLabel}\n            data-grey-theme={greyTheme}\n            data-inverted-theme={invertedTheme}\n            data-border-theme={borderTheme}\n            data-border-theme-blue={borderThemeBlue}\n            data-text-theme={textTheme}\n            data-custom={dataCustom}\n            data-sku={sku}\n            type={Tag === 'button' && type ? type : undefined}\n            href={['a'].indexOf(Tag) > -1 && href ? href : undefined}\n            target={['a', 'form'].indexOf(Tag) > -1 ? target : undefined}\n            formTarget={Tag === 'button' ? target : undefined}\n            rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n            role={role}\n            aria-label={ariaLabel}\n            style={styles}\n            disabled={disabled}\n            onClick={onClick}\n            id={id}\n            aria-describedby={ariaDescribedBy}\n            title={title}\n        >\n            <span dangerouslySetInnerHTML={{__html: children}}></span>\n        </Tag>\n        </Suspense>\n    )\n}\n\nButton.propTypes = {\n    /** Children is the text button */\n    children: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array\n    ]),\n\n    /** Becomes white background button\n     * with primary blue text if set to true*/\n    whiteTheme: PropTypes.bool,\n\n    /** Transparent with border and\n     * color white if set to true*/\n    invertedTheme: PropTypes.bool,\n\n    /** Color and Border grey if set to true */\n    greyTheme: PropTypes.bool,\n\n    /** Increase the height with the value: 'large'*/\n    size: PropTypes.string,\n\n    /** Custom class. */\n    className: PropTypes.string,\n\n    /** Analytics data action event */\n    dataActionDetail: PropTypes.string,\n\n    /** Aria-label is mandatory if not children in the button */\n    ariaLabel: PropTypes.string,\n\n    /** Custom styles to be applied to the button */\n    styles: PropTypes.object,\n\n    /**\n    * The tag or component to be used e.g. button, a, Link\n    */\n    tag: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.element,\n        PropTypes.func\n    ]),\n\n    /**\n    * The target for the button\n    */\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n\n\n    /** You can set an Href. */\n    href: PropTypes.string,\n\n    /**\n     * The type the button\n     */\n    type: PropTypes.string,\n\n    role: PropTypes.string,\n\n    borderTheme: PropTypes.bool,\n\n    borderThemeBlue: PropTypes.bool,\n\n    textTheme: PropTypes.bool,\n\n    dataCustom: PropTypes.string,\n\n    onClick: PropTypes.any,\n\n    productVariantColor: PropTypes.any,\n\n    dataActionLabel: PropTypes.string,\n\n    disabled: PropTypes.bool,\n\n    sku: PropTypes.string,\n    id: PropTypes.string,\n\n    ariaDescribedBy: PropTypes.string,\n\n    title: PropTypes.string,\n\n};\n\nButton.defaultProps = {\n    tag: 'button',\n    styles: {}\n}\n\nexport default Button;\n\n\n"],"names":["Button","_ref","children","Tag","tag","whiteTheme","size","className","dataActionDetail","greyTheme","invertedTheme","borderTheme","borderThemeBlue","textTheme","styles","href","target","role","ariaLabel","type","dataCustom","dataActionLabel","disabled","sku","onClick","id","ariaDescribedBy","title","concat","_jsx","Suspense","fallback","Loader","undefined","indexOf","formTarget","rel","style","dangerouslySetInnerHTML","__html","defaultProps","__webpack_exports__"],"sourceRoot":""}