{"version":3,"sources":["components/CustomComponents/CustomHeaderNav/HeaderLoginNav.js","components/CustomComponents/CustomHeaderNav/HeaderNavContainer.js","components/CustomComponents/CustomHeaderNav/HeaderNavMenuToggleButton.js","components/CustomComponents/CustomHeaderNav/HeaderNavTopLevel.js","components/CustomComponents/CustomHeaderNav/HeaderNavSubLevel.js","components/CustomComponents/CustomHeaderNav/HeaderNavLink.js","components/CustomComponents/CustomHeaderNav/HeaderNav.js","_platform/src/components/Button/Button.js","../node_modules/styled-icons/StyledIconBase/StyledIconBase.esm.js","../node_modules/styled-icons/remix-fill/CloseCircle/CloseCircle.esm.js"],"names":["LoginProvider","LoadAsync","__webpack_require__","e","then","bind","LoginForm","Promise","all","Block","styled","div","_templateObject","up","css","_templateObject2","_templateObject3","LoginButton","Button","_templateObject4","RegisterButton","_templateObject5","LoginContainer","_templateObject6","QuickviewContainer","_templateObject7","thd","p","isQuickviewActive","_templateObject8","withTheme","_useState","useState","_useState2","Object","_codebuild_output_src1663807343_src_Nafda_Rewards_Lori_FED_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_slicedToArray__WEBPACK_IMPORTED_MODULE_0__","quickviewLogin","setQuickviewLogin","toggleQuickview","value","react__WEBPACK_IMPORTED_MODULE_2___default","a","createElement","className","Boolean","react_focus_lock__WEBPACK_IMPORTED_MODULE_7__","onClick","onKeyUp","event","keyCode","tabIndex","type","styled_icons_remix_fill__WEBPACK_IMPORTED_MODULE_8__","fill","disableMeta","formLabels","labelUserName","labelRememberMe","as","Link","to","nav","down","props","openMobileMenu","button","HeaderNavMenuToggleButton_templateObject","HeaderNavMenuToggleButton_templateObject2","transparentize","ul","HeaderNavTopLevel_templateObject","HeaderNavTopLevel_templateObject2","HeaderNavSubLevel_templateObject","theme","customSubMenuBackground","customHeaderBackground","HeaderNavSubLevel_templateObject2","depth","NavLink","HeaderNavLink_templateObject","concat","HeaderNavLink_templateObject2","HeaderNavLink_templateObject3","Overlay","HeaderNav_templateObject","customMobileMenuOverlayBackground","isMobileMenuOpen","SubMenu","_ref","parent","onCloseMobileMenu","react_default","HeaderNavSubLevel","children","map","item","inMenu","menuPath","key","menuId","HeaderNavLink","activeClassName","itemName","length","HeaderNav","_this","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","onMobileMenuToggle","setState","prevState","state","_this2","menu","Fragment","HeaderNavMenuToggleButton","HeaderNavContainer","HeaderNavTopLevel","showLoginInMenu","settingsApp","loginPagePath","exact","HeaderNav_SubMenu","showLogoutInMenu","PrivateComponent","logoutPagePath","Component","defaultProps","undefined","ButtonBlock","Box","buttonBlockSpacerTop","buttonBlockSpacerBottom","buttonBlockHasSeparator","buttonBlockSpacerInner","buttonSeparatorColor","StyledButton","disabled","customInputBtnFontWeight","minWidth","inputBtnMinWidth","controlFocus","th","variant","propTypes","PropTypes","bool","string","object","d","__webpack_exports__","StyledIconBase","tslib__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_1__","styled_components__WEBPACK_IMPORTED_MODULE_2__","_emotion_is_prop_valid__WEBPACK_IMPORTED_MODULE_3__","filterSVGProps","keys","reduce","k","templateObject_1","StyledIconBaseBase","ref","iconAttrs","iconViewBox","iconVerticalAlign","size","title","otherProps","iconProps","viewBox","height","width","aria-hidden","focusable","role","svgProps","withConfig","displayName","componentId","CloseCircle","_StyledIconBase__WEBPACK_IMPORTED_MODULE_2__","xmlns"],"mappings":"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","file":"static/js/headerNav.45f53956.chunk.js","sourcesContent":["import React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { styled, withTheme, up, css, thd } from '@smooth-ui/core-sc';\nimport Button from '_platform/src/components/Button/Button';\nimport FocusLock from 'react-focus-lock';\nimport { CloseCircle } from 'styled-icons/remix-fill';\nimport LoadAsync from '_platform/src/utils/LoadAsync';\n\nconst LoginProvider = LoadAsync(() =>\n  import(\n    /* webpackChunkName: \"loginProvider\" */ '../../../containers/LoginProvider/LoginProvider'\n  )\n);\nconst LoginForm = LoadAsync(() =>\n  import(/* webpackChunkName: \"loginForm\" */ '../../LoginForm/LoginForm')\n);\n\nconst Block = styled.div`\n  text-align: right;\n  display: inline-block;\n\n  ${up(\n    'md',\n    css`\n      padding-top: 0.5rem;\n    `\n  )};\n\n  ${up(\n    'lg',\n    css`\n      padding-top: 1rem;\n    `\n  )};\n`;\n\nconst LoginButton = styled(Button)`\n  border-radius: 100em;\n  color: #fff;\n  padding: 6px 25px;\n  margin-left: 5px;\n  margin-right: 5px;\n\n  &:visited {\n    color: #fff;\n  }\n`;\n\nconst RegisterButton = styled(Button)`\n  background-color: #636466;\n  border-radius: 100em;\n  color: #fff;\n  padding: 6px 25px;\n  margin-left: 5px;\n  margin-right: 5px;\n\n  &:visited {\n    color: #fff;\n  }\n`;\n\nconst LoginContainer = styled.div`\n  text-align: left;\n  padding: 25px;\n\n  .reset-password a {\n    color: #18a950;\n    &:visited {\n      color: #18a950;\n    }\n    &:focus,\n    &:hover {\n      color: #636466;\n    }\n  }\n\n  hr {\n    border-bottom: 1px solid #867455;\n  }\n\n  label {\n    font-weight: bold;\n  }\n\n  button {\n    border-radius: 100em;\n    color: #fff;\n    min-width: 180px;\n    padding: 6px 25px;\n    margin-left: 5px;\n    margin-right: 5px;\n\n    &:visited {\n      color: #fff;\n    }\n  }\n`;\n\nconst QuickviewContainer = styled.div`\n  .quickview-close-container {\n    text-align: right;\n  }\n  .quickview-close {\n    background: transparent;\n    border: 0 none;\n    color: ${thd('quickviewColor', thd('defaultFontColor', '#555'))};\n    height: 30px; /* Must-have for IE11 */\n    margin-right: 0.5rem;\n    margin-top: 0.25em;\n    //opacity: 0.5;\n    padding: 3px;\n    text-align: right;\n    width: 30px;\n  }\n\n  .quickview-login {\n    /* Hack to get around Safari position:fixed bug, removes animation */\n    display: ${p => (p.isQuickviewActive ? 'block' : 'none')};\n    background-color: ${thd('quickviewBackground', '#fff')};\n    border-left: 1px solid ${thd('borderColor', '#ddd')};\n    color: ${thd('quickviewColor', thd('defaultFontColor', '#555'))};\n    height: 100vh;\n    max-width: 90vw;\n    overflow-y: auto;\n    position: fixed;\n    right: ${p => (p.isQuickviewActive ? '0' : '-500px')};\n    top: 0;\n    transition: all 0.3s ease 0s;\n    width: 600px;\n    z-index: 1000;\n\n    ${p =>\n      p.isQuickviewActive &&\n      css`\n        box-shadow: rgba(0, 0, 0, 0.15) 0px 0.25rem 2rem;\n      `}\n  }\n\n  .quickview-overlay {\n    background-color: ${thd('quickviewBackground', '#fff')};\n    bottom: 0;\n    left: 0;\n    opacity: ${p => (p.isQuickviewActive ? '0.85' : '0')};\n    position: fixed;\n    right: 0;\n    top: 0;\n    transition: opacity 0.3s ease 0s;\n    visibility: ${p => (p.isQuickviewActive ? 'visible' : 'hidden')};\n    z-index: 999;\n  }\n\n  .quickview-product-container {\n    padding: 10px;\n\n    .quickview-brand-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      width: 100px;\n      height: 73px;\n\n      .quickview-brand-image {\n        max-width: 93px;\n        max-height: 67px;\n        width: auto;\n        height: auto;\n      }\n    }\n  }\n\n  .quickview-product-image-container {\n    width: 100%;\n    text-align: center;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .quickview-image-container {\n    width: 325px;\n    height: 325px;\n\n    .quickview-image {\n      max-height: 310px;\n      max-width: 310px;\n      width: auto;\n      height: auto;\n    }\n  }\n\n  .quickview-code {\n    color: #fff;\n    font-size: 16px;\n    width: 60px;\n    padding: 5px 10px;\n    text-align: center;\n  }\n`;\n\nconst HeaderLoginNav = () => {\n  const [quickviewLogin, setQuickviewLogin] = useState(null);\n  const toggleQuickview = value => {\n    setQuickviewLogin(value);\n  };\n\n  return (\n    <div>\n      <QuickviewContainer\n        className=\"quickview-container\"\n        isQuickviewActive={Boolean(quickviewLogin)}\n      >\n        <div className=\"quickview-login\">\n          {quickviewLogin && (\n            <FocusLock>\n              <div className=\"quickview-close-container\">\n                <button\n                  className=\"quickview-close\"\n                  onClick={() => toggleQuickview(false)}\n                  onKeyUp={\n                    event =>\n                      event.keyCode === 27 &&\n                      toggleQuickview(false) /* escape */\n                  }\n                  tabIndex={0}\n                  type=\"button\"\n                >\n                  <CloseCircle fill=\"#18a950\" />\n                </button>\n              </div>\n              <LoginContainer>\n                <h1 className=\"text--primary\">Welcome back</h1>\n                <LoginProvider disableMeta>\n                  <LoginForm\n                    formLabels={{\n                      labelUserName: 'Email',\n                      labelRememberMe: 'Remember login',\n                    }}\n                  />\n                </LoginProvider>\n                <hr />\n                <span>\n                  <strong>Don't have an account?</strong>\n                  <RegisterButton\n                    as={Link}\n                    to=\"/register/\"\n                    onClick={() => toggleQuickview(false)}\n                  >\n                    Register\n                  </RegisterButton>\n                </span>\n              </LoginContainer>\n            </FocusLock>\n          )}\n        </div>\n        {/* Keyboard event is handled on the button (enter/space/escape) */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          className=\"quickview-overlay\"\n          onClick={() => toggleQuickview(false)}\n        />\n      </QuickviewContainer>\n      <Block>\n        <LoginButton onClick={() => toggleQuickview(true)}>Login</LoginButton>\n        <RegisterButton as={Link} to=\"/register/\">\n          Register\n        </RegisterButton>\n      </Block>\n    </div>\n  );\n};\n\nexport default withTheme(HeaderLoginNav);\n","import { css, down, styled, thd } from '@smooth-ui/core-sc';\n\nexport default styled.nav`\n  transition: all 0.3s ease 0s;\n\n  ${down(\n    'lg',\n    css`\n      background-color: ${thd('customMenuBackground', '#fff')};\n      height: 100vh;\n      overflow-y: scroll;\n      position: fixed;\n      right: ${props => (props.openMobileMenu ? '0' : '-240px')};\n      top: 0;\n      visibility: ${props => (props.openMobileMenu ? 'visible' : 'hidden')};\n      width: 240px;\n      z-index: 100;\n    `\n  )};\n`;\n","import { css, down, styled, thd } from '@smooth-ui/core-sc';\nimport { transparentize } from 'polished';\n\nexport default styled.button`\n  display: none;\n\n  ${down(\n    'lg',\n    css`\n      background-color: ${props =>\n        props.openMobileMenu ? transparentize(0.25, '#FFF') : 'transparent'};\n      border: none;\n      display: inline-block;\n      font-size: 0.75rem;\n      height: 54px;\n      position: absolute;\n      right: ${props => (props.openMobileMenu ? '250px' : '10px')};\n      text-transform: uppercase;\n      top: 11px;\n      transition: all 0.3s ease 0s;\n      width: 54px;\n      z-index: ${props => (props.openMobileMenu ? '1' : '0')};\n    `\n  )};\n\n  & > span {\n    background-color: ${props =>\n      props.openMobileMenu ? '' : thd('customMenuColor', '#fff')};\n    display: block;\n    height: 4px;\n    left: 7px;\n    position: absolute;\n    right: 7px;\n    top: 15px;\n\n    &::after,\n    &::before {\n      background-color: ${thd('customMenuColor', '#fff')};\n      content: '';\n      display: block;\n      height: 4px;\n      left: 0;\n      position: absolute;\n      width: 100%;\n    }\n\n    &::before {\n      top: -8px;\n      ${props =>\n        props.openMobileMenu ? 'top: 0; transform: rotate(45deg)' : ''};\n    }\n    &::after {\n      bottom: -8px;\n      ${props =>\n        props.openMobileMenu ? 'bottom: 0; transform: rotate(-45deg)' : ''};\n    }\n  }\n\n  & > div {\n    color: ${thd('customMenuColor', '#fff')};\n    position: absolute;\n    bottom: 4px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n`;\n","import { css, styled, up } from '@smooth-ui/core-sc';\n\nexport default styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  position: relative;\n  transition: all 0.3s ease 0s;\n\n  ${up(\n    'lg',\n    css`\n      display: flex;\n      justify-content: center;\n      text-align: center;\n\n      & > li {\n        display: inline-block;\n        position: relative;\n      }\n\n      li > ul {\n        display: none;\n      }\n      li:hover > ul,\n      li > ul:hover {\n        display: block;\n      }\n    `\n  )}\n`;\n","import { css, styled, up } from '@smooth-ui/core-sc';\n\nexport default styled.ul`\n  background-color: ${props =>\n    props.theme.customSubMenuBackground ||\n    props.theme.customHeaderBackground ||\n    '#fff'};\n  display: block;\n  list-style: none;\n  margin: 0;\n  min-width: 180px;\n  padding: 0;\n\n  ${up(\n    'lg',\n    css`\n      box-shadow: rgba(0, 0, 0, 0.15) 0px 0.25rem 2rem;\n      text-align: left;\n      ${props =>\n        props.depth === 2 &&\n        css`\n          position: absolute;\n          top: 100%;\n          z-index: 100;\n        `}\n\n      li {\n        position: relative;\n      }\n    `\n  )}\n`;\n","import { css, styled, thd, up } from '@smooth-ui/core-sc';\nimport { NavLink } from 'react-router-dom';\n\nexport default styled(NavLink)`\n  border-left: 3px solid transparent;\n  color: #151d29;\n  display: block;\n  font-size: 20px;\n  font-weight: 550;\n  font-variation-settings: 'wght' 550;\n  padding: 0.5em;\n  ${props =>\n    props.depth && props.depth > 1 && `padding-left: ${props.depth - 1}em;`}\n  text-decoration: none;\n\n  &:hover {\n    color: ${thd('customMenuHighlightColor', '#000')};\n  }\n\n  &:focus,\n  &.menu-active:focus {\n    outline: none;\n    box-shadow: 0 0 0 0.2rem ${thd('customMenuFocus', 'rgba(84,112,124,0.25)')}\n      inset;\n  }\n\n  &.menu-active {\n    border-left-color: ${thd('customMenuHighlightColor', '#54707c')};\n    color: ${thd('customMenuHighlightColor', '#000')};\n    font-weight: bold;\n  }\n\n  ${up(\n    'lg',\n    css`\n      font-size: 18px;\n      font-weight: 500;\n      ${props =>\n        // If it's the top level\n        (!props.depth || props.depth < 2) &&\n        css`\n          border-left: 0 none;\n          border-bottom: 5px solid transparent;\n          margin-left: 1rem;\n          margin-right: 1rem;\n          padding: 0.25em 0.2em;\n        `}\n\n      &.menu-active {\n        //border-bottom: 5px solid ${thd('secondary', 'gold')};\n        &:hover {\n          color: ${thd('customMenuHighlightColor', '#000')};\n        }\n      }\n    `\n  )}\n`;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport NavContainer from './HeaderNavContainer';\nimport MenuToggleButton from './HeaderNavMenuToggleButton';\nimport TopLevel from './HeaderNavTopLevel';\nimport SubLevel from './HeaderNavSubLevel';\nimport HeaderNavLink from './HeaderNavLink';\nimport PrivateComponent from '_platform/src/utils/PrivateComponent';\nimport { styled, withTheme } from '@smooth-ui/core-sc';\n\nconst Overlay = styled.div`\n  background-color: ${p =>\n    p.theme.customMobileMenuOverlayBackground || 'rgba(0, 0, 0, 0.5)'};\n  bottom: 0;\n  height: 100vh;\n  left: 0;\n  opacity: ${p => (p.isMobileMenuOpen ? '1' : '0')};\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s ease 0s;\n  visibility: ${p => (p.isMobileMenuOpen ? 'visible' : 'hidden')};\n  z-index: 1;\n`;\n\nconst SubMenu = ({ depth, parent, onCloseMobileMenu }) => (\n  <SubLevel depth={depth}>\n    {parent.children.map(\n      item =>\n        item.inMenu &&\n        !!item.menuPath && (\n          <li key={item.menuId}>\n            <HeaderNavLink\n              to={item.menuPath}\n              activeClassName=\"menu-active\"\n              depth={depth}\n              onClick={onCloseMobileMenu}\n            >\n              {item.itemName}\n            </HeaderNavLink>\n            {item.children && item.children.length > 0 && (\n              <SubMenu\n                parent={item}\n                depth={depth + 1}\n                onCloseMobileMenu={onCloseMobileMenu}\n              />\n            )}\n          </li>\n        )\n    )}\n  </SubLevel>\n);\n\nSubMenu.propTypes = {\n  depth: PropTypes.number, // eslint-disable-line react/require-default-props\n  onCloseMobileMenu: PropTypes.func.isRequired,\n  parent: PropTypes.object.isRequired,\n};\n\nclass HeaderNav extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isMobileMenuOpen: false,\n    };\n  }\n\n  onMobileMenuToggle = () => {\n    this.setState(prevState => ({\n      isMobileMenuOpen: !prevState.isMobileMenuOpen,\n    }));\n  };\n\n  render() {\n    if (!this.props.menu || this.props.menu.length < 1) {\n      return null;\n    }\n\n    return (\n      <React.Fragment>\n        {/* Keyboard event is handled on the button (enter/space/escape) */}\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <Overlay\n          isMobileMenuOpen={this.state.isMobileMenuOpen}\n          onClick={() => this.setState({ isMobileMenuOpen: false })}\n        />\n        <MenuToggleButton\n          onClick={this.onMobileMenuToggle}\n          openMobileMenu={this.state.isMobileMenuOpen}\n        >\n          <span />\n          <div>{this.state.isMobileMenuOpen ? 'Close' : 'Menu'}</div>\n        </MenuToggleButton>\n        <NavContainer openMobileMenu={this.state.isMobileMenuOpen}>\n          <TopLevel>\n            {this.props.showLoginInMenu && (\n              <li>\n                <HeaderNavLink\n                  to={this.props.theme.settingsApp.loginPagePath}\n                  activeClassName=\"menu-active\"\n                  onClick={() =>\n                    this.state.isMobileMenuOpen &&\n                    this.setState({ isMobileMenuOpen: false })\n                  }\n                >\n                  Login\n                </HeaderNavLink>\n              </li>\n            )}\n            {this.props.menu &&\n              this.props.menu.map(\n                item =>\n                  item.inMenu &&\n                  !!item.menuPath && (\n                    <li key={item.menuId}>\n                      <HeaderNavLink\n                        to={item.menuPath}\n                        activeClassName=\"menu-active\"\n                        exact={item.menuPath === '/'}\n                        onClick={() =>\n                          this.state.isMobileMenuOpen &&\n                          this.setState({ isMobileMenuOpen: false })\n                        }\n                      >\n                        {item.itemName}\n                      </HeaderNavLink>\n                      {item.children && item.children.length > 0 && (\n                        <SubMenu\n                          parent={item}\n                          depth={2}\n                          onCloseMobileMenu={() =>\n                            this.state.isMobileMenuOpen &&\n                            this.setState({ isMobileMenuOpen: false })\n                          }\n                        />\n                      )}\n                    </li>\n                  )\n              )}\n            {this.props.showLogoutInMenu && (\n              <PrivateComponent>\n                <li>\n                  <HeaderNavLink\n                    to={this.props.theme.settingsApp.logoutPagePath}\n                    activeClassName=\"menu-active\"\n                    onClick={() =>\n                      this.state.isMobileMenuOpen &&\n                      this.setState({ isMobileMenuOpen: false })\n                    }\n                  >\n                    Logout\n                  </HeaderNavLink>\n                </li>\n              </PrivateComponent>\n            )}\n          </TopLevel>\n        </NavContainer>\n      </React.Fragment>\n    );\n  }\n}\n\nHeaderNav.propTypes = {\n  menu: PropTypes.array,\n  showLoginInMenu: PropTypes.bool,\n  showLogoutInMenu: PropTypes.bool,\n  theme: PropTypes.object.isRequired,\n};\n\nHeaderNav.defaultProps = {\n  menu: undefined,\n  showLoginInMenu: undefined,\n  showLogoutInMenu: undefined,\n};\n\nexport default withTheme(HeaderNav);\n","/**\n * Button\n */\nimport PropTypes from 'prop-types';\nimport { Box, Button, controlFocus, styled, th } from '@smooth-ui/core-sc';\n\n// Button Block\nexport const ButtonBlock = styled(Box)`\n  margin-top: ${props => props.theme.buttonBlockSpacerTop || '2rem'};\n  margin-bottom: ${props => props.theme.buttonBlockSpacerBottom || '1rem'};\n\n  ${props =>\n    !!props.theme.buttonBlockHasSeparator\n      ? `\n        padding-top: ${props.theme.buttonBlockSpacerInner || '1.5rem'};\n        border-top: 1px solid ${props.theme.buttonSeparatorColor || '#dee2e6'};\n        `\n      : null};\n`;\n\nconst StyledButton = styled(Button)`\n  ${props => props.disabled && `cursor: not-allowed;`}\n  ${props =>\n    props.theme.customInputBtnFontWeight &&\n    `font-weight: ${props.theme.customInputBtnFontWeight};`}\n  margin-top: 1px;\n  min-width: ${props => props.minWidth || props.theme.inputBtnMinWidth};\n  text-align: center;\n\n  &:focus {\n    ${p => controlFocus(th(p.variant)(p))(p)}\n  }\n`;\n\nStyledButton.propTypes = {\n  disabled: PropTypes.bool,\n  minWidth: PropTypes.string,\n  theme: PropTypes.object,\n};\nexport default StyledButton;\n","import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport * as React from 'react';\nimport styled from 'styled-components';\nimport validProp from '@emotion/is-prop-valid';\n\nfunction isValidProp(key) {\n  return validProp(key);\n}\n\nfunction filterSVGProps(props) {\n  return Object.keys(props).reduce(function (p, k) {\n    if (isValidProp(k)) {\n      // hack to satisfy TypeScript complexity\n      ;\n      p[k] = props[k];\n    }\n\n    return p;\n  }, {});\n}\n\nvar StyledIconBaseBase = React.forwardRef(function (props, ref) {\n  var children = props.children,\n      iconAttrs = props.iconAttrs,\n      iconVerticalAlign = props.iconVerticalAlign,\n      iconViewBox = props.iconViewBox,\n      size = props.size,\n      title = props.title,\n      otherProps = __rest(props, [\"children\", \"iconAttrs\", \"iconVerticalAlign\", \"iconViewBox\", \"size\", \"title\"]);\n\n  var iconProps = __assign({\n    viewBox: iconViewBox,\n    height: props.height !== undefined ? props.height : size,\n    width: props.width !== undefined ? props.width : size,\n    'aria-hidden': title == null ? 'true' : undefined,\n    focusable: 'false',\n    role: title != null ? 'img' : undefined\n  }, iconAttrs);\n\n  var svgProps = filterSVGProps(otherProps);\n  return React.createElement(\"svg\", __assign({}, iconProps, svgProps, {\n    ref: ref\n  }), title && React.createElement(\"title\", {\n    key: \"icon-title\"\n  }, title), children);\n});\nexport var StyledIconBase = styled(StyledIconBaseBase).withConfig({\n  displayName: \"StyledIconBase\",\n  componentId: \"sc-bdy9j4\"\n})(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: inline-block;\\n  vertical-align: \", \";\\n  overflow: hidden;\\n\"], [\"\\n  display: inline-block;\\n  vertical-align: \", \";\\n  overflow: hidden;\\n\"])), function (props) {\n  return props.iconVerticalAlign;\n});\nvar templateObject_1;","import { __assign } from \"tslib\";\nimport * as React from 'react';\nimport { StyledIconBase } from '../../StyledIconBase';\nexport var CloseCircle = React.forwardRef(function (props, ref) {\n  var attrs = {\n    \"fill\": \"currentColor\",\n    \"xmlns\": \"http://www.w3.org/2000/svg\"\n  };\n  return React.createElement(StyledIconBase, __assign({\n    iconAttrs: attrs,\n    iconVerticalAlign: \"middle\",\n    iconViewBox: \"0 0 24 24\"\n  }, props, {\n    ref: ref\n  }), React.createElement(\"path\", {\n    fill: \"none\",\n    d: \"M0 0h24v24H0z\",\n    key: \"k0\"\n  }), React.createElement(\"path\", {\n    d: \"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z\",\n    key: \"k1\"\n  }));\n});\nCloseCircle.displayName = 'CloseCircle';\nexport var CloseCircleDimensions = {\n  height: 24,\n  width: 24\n};"],"sourceRoot":""}