{"version":3,"sources":["webpack://@edf-prj/landing-page/./src/layouts/big-content-header-layout/styles.js","webpack://@edf-prj/landing-page/./src/layouts/big-content-header-layout/index.js","webpack://@edf-prj/landing-page/./src/site-pages/about-index-page/styles.js","webpack://@edf-prj/landing-page/./src/site-pages/about-index-page/index.js","webpack://@edf-prj/landing-page/./src/pages/about.js","webpack://@edf-prj/landing-page/../node_modules/gatsby/node_modules/babel-loader/lib/node_modules/@material-ui/core/esm/internal/svg-icons/Person.js","webpack://@edf-prj/landing-page/../node_modules/gatsby/node_modules/babel-loader/lib/node_modules/@material-ui/core/esm/Avatar/Avatar.js","webpack://@edf-prj/landing-page/../node_modules/gatsby/node_modules/babel-loader/lib/node_modules/@material-ui/core/esm/SvgIcon/SvgIcon.js","webpack://@edf-prj/landing-page/../node_modules/gatsby/node_modules/babel-loader/lib/node_modules/@material-ui/core/esm/utils/createSvgIcon.js"],"names":["makeStyles","theme","heading1","position","left","top","contentHeaderWrapper","background","boxShadow","paddingTop","spacing","paddingBottom","infoWrapper","boxSizing","description","marginTop","illustrationWrapper","flexGrow","pageContentWrapper","noMargin","avatarImage","width","height","BigContentHeaderLayout","props","children","pathname","title","illustrationImage","showIllustrationImageOnly","metaImageSrc","content","classes","useStyles","useTheme","isScreenSizeMd","useMediaQuery","breakpoints","up","React","PageWrapper","pageMetaData","imageSrc","PageHeader","Typography","variant","className","PageSection","Grid","container","alignItems","item","GatsbyImage","image","childImageSharp","gatsbyImageData","alt","loading","xs","wrap","justify","Avatar","src","fixed","component","direction","length","map","child","index","_child$props","hasNoMargin","childProps","type","restChildProps","key","clsx","undefined","defaultProps","headerIllustrationWrapper","bottom","maxWidth","margin","researchWrapper","marginBottom","researchAuthor","fontWeight","linkArrowIcon","marginLeft","verticalAlign","location","queryData","useStaticQuery","researches","author","url","flunetDocument","publicURL","iepiDocument","humanNetworkDocument","h1n1Document","temporalDocument","humanDynamicDocument","illustration","getSrc","research","Box","href","FontAwesomeIcon","icon","display","d","ref","childrenProp","_props$component","Component","imgProps","sizes","srcSet","_props$variant","other","loaded","_ref","_React$useState","setLoaded","active","Image","onload","onerror","useLoaded","hasImg","hasImgNotFailing","img","Person","fallback","root","system","colorDefault","withStyles","justifyContent","flexShrink","fontFamily","typography","fontSize","pxToRem","lineHeight","borderRadius","overflow","userSelect","color","palette","default","backgroundColor","grey","circle","circular","rounded","shape","square","textAlign","objectFit","textIndent","name","SvgIcon","_props$color","_props$fontSize","htmlColor","titleAccess","_props$viewBox","viewBox","concat","capitalize","focusable","role","muiName","fill","transition","transitions","create","duration","shorter","colorPrimary","primary","main","colorSecondary","secondary","colorAction","action","colorError","error","colorDisabled","disabled","fontSizeInherit","fontSizeSmall","fontSizeLarge","createSvgIcon","path","displayName"],"mappings":"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","file":"component---src-pages-about-js-9f4b55ae3383bb1132ba.js","sourcesContent":["import { makeStyles } from '@material-ui/styles';\n\nexport default makeStyles((theme) => ({\n    heading1: {\n        position: 'fixed',\n        left: 9999,\n        top: 9999,\n    },\n    contentHeaderWrapper: {\n        background: '#e7effd',\n        boxShadow: '0 3px 6px 0 rgba(0, 0, 0, 0.16)',\n        paddingTop: theme.spacing(5),\n        paddingBottom: theme.spacing(5),\n    },\n    infoWrapper: {\n        boxSizing: 'border-box',\n    },\n    description: {\n        marginTop: theme.spacing(1),\n    },\n    illustrationWrapper: {\n        flexGrow: 1,\n    },\n    pageContentWrapper: {\n        paddingTop: theme.spacing(4),\n        paddingBottom: theme.spacing(4),\n    },\n    noMargin: {\n        paddingTop: 0,\n        paddingBottom: 0,\n    },\n    avatarImage: {\n        width: 100,\n        height: 100,\n    },\n}));\n","import React from 'react';\nimport clsx from 'clsx';\nimport { GatsbyImage } from 'gatsby-plugin-image';\nimport * as PropTypes from 'prop-types';\nimport { Avatar, Grid, Typography, useMediaQuery } from '@material-ui/core';\nimport { useTheme } from '@material-ui/styles';\n\nimport PageHeader from '$landing-page/components/page-header';\nimport PageSection from '$landing-page/components/page-section';\nimport PageWrapper from '$landing-page/components/page-wrapper';\n\nimport useStyles from './styles';\n\nconst BigContentHeaderLayout = (props) => {\n    const {\n        children,\n        pathname,\n        title,\n        description,\n        illustrationImage,\n        showIllustrationImageOnly,\n        avatarImage,\n        metaImageSrc,\n        content,\n    } = props;\n\n    const classes = useStyles(props);\n    const theme = useTheme();\n    const isScreenSizeMd = useMediaQuery(theme.breakpoints.up('md'));\n\n    return (\n        <PageWrapper pageMetaData={{ title, description, pathname, imageSrc: metaImageSrc }}>\n            <PageHeader />\n            <Typography variant=\"h1\" className={classes.heading1}>\n                {title}\n            </Typography>\n            <PageSection className={classes.contentHeaderWrapper}>\n                {content || (\n                    <Grid container alignItems=\"center\">\n                        {(isScreenSizeMd || showIllustrationImageOnly) && illustrationImage && (\n                            <Grid item className={classes.illustrationWrapper}>\n                                <GatsbyImage\n                                    image={illustrationImage.childImageSharp.gatsbyImageData}\n                                    alt={title}\n                                    loading=\"eager\"\n                                />\n                            </Grid>\n                        )}\n                        {!showIllustrationImageOnly && (\n                            <>\n                                <Grid\n                                    item\n                                    container\n                                    className={classes.infoWrapper}\n                                    xs={12}\n                                    wrap={isScreenSizeMd ? 'nowrap' : 'wrap'}\n                                    justify={isScreenSizeMd ? 'flex-start' : 'center'}\n                                    alignItems=\"center\"\n                                    spacing={3}\n                                >\n                                    {avatarImage && (\n                                        <Grid item>\n                                            <Avatar src={avatarImage.childImageSharp.fixed.src} className={classes.avatarImage} />\n                                        </Grid>\n                                    )}\n                                    <Grid item>\n                                        <Typography variant=\"h1\" component=\"div\">\n                                            {title}\n                                        </Typography>\n                                        <Typography variant=\"subtitle2\" component=\"p\" className={classes.description}>\n                                            {description}\n                                        </Typography>\n                                    </Grid>\n                                </Grid>\n                                {!isScreenSizeMd && (\n                                    <Grid item xs={12}>\n                                        <Grid container wrap=\"nowrap\" direction=\"row-reverse\" alignItems=\"center\">\n                                            {illustrationImage && (\n                                                <Grid item className={classes.illustrationWrapper}>\n                                                    <GatsbyImage\n                                                        image={illustrationImage.childImageSharp.gatsbyImageData}\n                                                        alt={title}\n                                                        loading=\"eager\"\n                                                    />\n                                                </Grid>\n                                            )}\n                                        </Grid>\n                                    </Grid>\n                                )}\n                            </>\n                        )}\n                    </Grid>\n                )}\n            </PageSection>\n            {children.length > 1 &&\n                children.map((child, index) => {\n                    let hasNoMargin = false;\n                    let childProps = child?.props;\n                    if (child?.props?.noMargin) {\n                        hasNoMargin = true;\n                        if (child?.type) {\n                            const { noMargin, ...restChildProps } = childProps;\n                            childProps = restChildProps;\n                        }\n                    }\n                    return (\n                        <PageSection\n                            // eslint-disable-next-line react/no-array-index-key\n                            key={index}\n                            className={clsx(classes.pageContentWrapper, {\n                                [classes.noMargin]: hasNoMargin,\n                            })}\n                        >\n                            {child?.type && child?.props ? React.createElement(child.type, childProps) : child}\n                        </PageSection>\n                    );\n                })}\n            {(children.length === 1 || children.length === undefined) && (\n                <PageSection className={classes.pageContentWrapper}>{children}</PageSection>\n            )}\n        </PageWrapper>\n    );\n};\n\nBigContentHeaderLayout.defaultProps = {\n    showIllustrationImageOnly: false,\n    illustrationImage: undefined,\n    metaImageSrc: undefined,\n    avatarImage: undefined,\n    description: undefined,\n    content: undefined,\n};\n\nBigContentHeaderLayout.propTypes = {\n    children: PropTypes.node.isRequired,\n    pathname: PropTypes.string.isRequired,\n    title: PropTypes.string.isRequired,\n    description: PropTypes.string,\n    illustrationImage: PropTypes.oneOfType([PropTypes.object]),\n    metaImageSrc: PropTypes.string,\n    showIllustrationImageOnly: PropTypes.bool,\n    avatarImage: PropTypes.oneOfType([PropTypes.object]),\n    content: PropTypes.node,\n};\n\nexport default BigContentHeaderLayout;\n","import { makeStyles } from '@material-ui/styles';\n\nexport default makeStyles((theme) => ({\n    contentHeaderWrapper: {\n        paddingBottom: theme.spacing(15),\n    },\n    headerIllustrationWrapper: {\n        position: 'relative',\n        bottom: -50,\n        maxWidth: 600,\n        margin: theme.spacing(-5, 'auto'),\n    },\n    researchWrapper: {\n        marginBottom: theme.spacing(3),\n    },\n    researchAuthor: {\n        fontWeight: 600,\n    },\n    linkArrowIcon: {\n        marginLeft: theme.spacing(1),\n        verticalAlign: 'middle',\n    },\n}));\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { getSrc } from 'gatsby-plugin-image';\nimport * as PropTypes from 'prop-types';\nimport { Box, Grid, Typography } from '@material-ui/core';\n\nimport BigContentHeaderLayout from '$landing-page/layouts/big-content-header-layout';\n\nimport useStyles from './styles';\n\nimport { FontAwesomeIcon } from '$common/fontawesome-pro/react-fontawesome';\n\nconst query = graphql`\n    query aboutIndexPage {\n        illustration: file(relativePath: { eq: \"page-about-illustration.png\" }) {\n            childImageSharp {\n                gatsbyImageData(layout: CONSTRAINED, width: 1506, quality: 100, placeholder: NONE)\n            }\n        }\n        flunetDocument: file(name: { eq: \"flunet-automatedtracking-of-contacts-during-flu-season\" }) {\n            publicURL\n        }\n        iepiDocument: file(name: { eq: \"iepi-end-to-end-solution\" }) {\n            publicURL\n        }\n        humanNetworkDocument: file(name: { eq: \"human-network-data-collection-in-the-wild\" }) {\n            publicURL\n        }\n        h1n1Document: file(name: { eq: \"leveraging-h1n1-infection-transmission-modeling-with-proximity-sensor-microdata\" }) {\n            publicURL\n        }\n        temporalDocument: file(\n            name: { eq: \"temporal-aggregation-impacts-on-epidemiological-simulations-employing-microcontact-data\" }\n        ) {\n            publicURL\n        }\n        humanDynamicDocument: file(name: { eq: \"human-dynamic-networks-in-opportunistic-routing-and-epidemiology\" }) {\n            publicURL\n        }\n    }\n`;\n\nconst AboutIndexPage = (props) => {\n    const { location } = props;\n\n    const classes = useStyles();\n    const queryData = useStaticQuery(query);\n\n    const description = `Avicenna Research enables people to convert their smartphone into a micro research lab, so they\n                         can join scientists in finding life-changing discoveries.`;\n    const researches = [\n        {\n            title: 'Flunet: Automated tracking of contacts during flu season',\n            author: 'MS Hashemian, KG Stanley, ND Osgood',\n            description:\n                'Published in the Proceedings of the 8th International Symposium on Modeling and Optimization in Mobile, Ad Hoc and Wireless Networks (WiOpt) - 2010',\n            url: queryData.flunetDocument.publicURL,\n        },\n        {\n            title: 'iEpi: an end to end solution for collecting, conditioning and utilizing epidemiologically relevant data',\n            author: 'MS Hashemian, DL Knowles, J Calver, W Qian, MC Bullock, S Bell, RL Mandryk, ND Osgood, KG Stanley',\n            description:\n                'Published in the Proceedings of the 2nd ACM international workshop on Pervasive Wireless Healthcare - 2012',\n            url: queryData.iepiDocument.publicURL,\n        },\n        {\n            title: 'Human network data collection in the wild: the epidemiological utility of micro-contact and location data',\n            author: 'MS Hashemian, KG Stanley, DL Knowles, J Calver, ND Osgood',\n            description: 'Published in the Proceedings of the 2nd ACM SIGHIT International Health Informatics Symposium - 2012',\n            url: queryData.humanNetworkDocument.publicURL,\n        },\n        {\n            title: 'Leveraging H1N1 infection transmission modeling with proximity sensor microdata',\n            author: 'MS Hashemian, KG Stanley, ND Osgood',\n            description: 'Published in the BMC Medical Informatics and Decision Making - 2012',\n            url: queryData.h1n1Document.publicURL,\n        },\n        {\n            title: 'Temporal aggregation impacts on epidemiological simulations employing microcontact data',\n            author: 'MS Hashemian, W Qian, KG Stanley, ND Osgood',\n            description: 'Published in the BMC Medical Informatics and Decision Making - 2012',\n            url: queryData.temporalDocument.publicURL,\n        },\n        {\n            title: 'Human dynamic networks in opportunistic routing and epidemiology',\n            author: 'MS Hashemian',\n            description: 'Published in the Electronic Theses and Dissertations Collections, University of Saskatchewan - 2012',\n            url: queryData.humanDynamicDocument.publicURL,\n        },\n    ];\n\n    return (\n        <BigContentHeaderLayout\n            pathname={location.pathname}\n            title=\"About\"\n            description={description}\n            illustrationImage={queryData.illustration}\n            metaImageSrc={getSrc(queryData.illustration)}\n            showIllustrationImageOnly\n            classes={{\n                illustrationWrapper: classes.headerIllustrationWrapper,\n                contentHeaderWrapper: classes.contentHeaderWrapper,\n            }}\n        >\n            <Grid container alignItems=\"flex-start\" component=\"article\" direction=\"column\">\n                <Typography variant=\"h2\" component=\"p\">\n                    {description}\n                </Typography>\n                <Typography>\n                    Smartphones and wearables are powerful tools which have revolutionized our way of life. Beyond the untethered\n                    connectivity and casual games, smartphones allow us to objectively measure our behavior through apps such as\n                    exercise monitoring tools or food journals. While such information is can help guide us towards positive\n                    change, it can also be very valuable to scientists helping them accomplish ground-breaking discoveries.\n                    Information from smartphones can help researchers to better understand humans, and they can use this\n                    understanding for battle diseases such as the Zika virus or Ebola, to control smoking behavior in teenagers,\n                    or to design better public transit services.\n                </Typography>\n                <Typography>\n                    Avicenna Research is the first platform that turns smartphones into micro research labs. It allows the use of\n                    almost all smartphone functionalities in research studies, from passive sensor monitoring to controlled tasks,\n                    and context-dependent surveys. Researchers can use Avicenna Research to perform their observations more\n                    accurately and at larger scale, while putting less burden on participants. The ability to perform eligibility\n                    screening, informed consent, and enrolment all through the phone without requiring a physical meeting with\n                    participants means anyone from anywhere in the world can join the study, as long as they have a smartphone.\n                    This means more participants, and more meaningful data.\n                </Typography>\n                <Typography>\n                    Most importantly, there is no programming expertise needed to use Avicenna Research. The ability of Avicenna\n                    Research app to adapt itself to any study design means anyone with any level of expertise in computer science\n                    can start using Avicenna Research in minutes.\n                </Typography>\n                <Typography variant=\"h2\">Our Story</Typography>\n                <Typography>\n                    Avicenna Research emerged from a research project at the University of Saskatchewan named iEpi. iEpi was\n                    originally designed to use sensors for tracking the spread of the H1N1 virus in central Canada during the\n                    winter of 2009. After the initial project, iEpi’s success motivated us to continue investigation.\n                    Collaborators became interested in using iEpi in areas as diverse as computer game design, measuring\n                    intervention effectiveness related to social health determinants, computational social science, automated\n                    tracking of infection spread during epidemics.\n                </Typography>\n                <Typography>\n                    Our experience with the diverse applications of iEpi and seeing how it can benefit and accelerate research in\n                    different areas motivated us to make it available to other researchers as well. Avicenna Research has enhanced\n                    iEpi creating a fully automated research system useable by anyone, anywhere in the world. Avicenna Research\n                    has been successfully deployed in projects in North America, Europe, and Australia.\n                </Typography>\n                <Typography variant=\"h2\">Research behind Avicenna</Typography>\n                {researches.map((research) => (\n                    <Box className={classes.researchWrapper} key={research.title}>\n                        <a href={research.url}>\n                            <Typography variant=\"h4\" component=\"div\">\n                                {research.title}\n                                <FontAwesomeIcon icon={['fal', 'long-arrow-right']} className={classes.linkArrowIcon} />\n                            </Typography>\n                        </a>\n                        <Typography display=\"inline\" className={classes.researchAuthor}>\n                            Author:&nbsp;\n                        </Typography>\n                        <Typography variant=\"body2\" display=\"inline\">\n                            {research.author}\n                        </Typography>\n                        <br />\n                        <Typography variant=\"body2\">{research.description}</Typography>\n                    </Box>\n                ))}\n            </Grid>\n        </BigContentHeaderLayout>\n    );\n};\n\nAboutIndexPage.propTypes = {\n    location: PropTypes.shape({\n        pathname: PropTypes.string.isRequired,\n    }).isRequired,\n};\n\nexport default AboutIndexPage;\n","import AboutIndexPage from '$landing-page/site-pages/about-index-page';\n\nexport default AboutIndexPage;\n","import * as React from 'react';\nimport createSvgIcon from '../../utils/createSvgIcon';\n/**\n * @ignore - internal component.\n */\n\nexport default createSvgIcon( /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\n}), 'Person');","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport Person from '../internal/svg-icons/Person';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      width: 40,\n      height: 40,\n      fontFamily: theme.typography.fontFamily,\n      fontSize: theme.typography.pxToRem(20),\n      lineHeight: 1,\n      borderRadius: '50%',\n      overflow: 'hidden',\n      userSelect: 'none'\n    },\n    /* Styles applied to the root element if not `src` or `srcSet`. */\n    colorDefault: {\n      color: theme.palette.background.default,\n      backgroundColor: theme.palette.type === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]\n    },\n    /* Styles applied to the root element if `variant=\"circle\"`. */\n    circle: {},\n    /* Styles applied to the root element if `variant=\"circular\"`. */\n    circular: {},\n    /* Styles applied to the root element if `variant=\"rounded\"`. */\n    rounded: {\n      borderRadius: theme.shape.borderRadius\n    },\n    /* Styles applied to the root element if `variant=\"square\"`. */\n    square: {\n      borderRadius: 0\n    },\n    /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n    img: {\n      width: '100%',\n      height: '100%',\n      textAlign: 'center',\n      // Handle non-square image. The property isn't supported by IE 11.\n      objectFit: 'cover',\n      // Hide alt text.\n      color: 'transparent',\n      // Hide the image broken icon, only works on Chrome.\n      textIndent: 10000\n    },\n    /* Styles applied to the fallback icon */\n    fallback: {\n      width: '75%',\n      height: '75%'\n    }\n  };\n};\nfunction useLoaded(_ref) {\n  var src = _ref.src,\n    srcSet = _ref.srcSet;\n  var _React$useState = React.useState(false),\n    loaded = _React$useState[0],\n    setLoaded = _React$useState[1];\n  React.useEffect(function () {\n    if (!src && !srcSet) {\n      return undefined;\n    }\n    setLoaded(false);\n    var active = true;\n    var image = new Image();\n    image.src = src;\n    image.srcSet = srcSet;\n    image.onload = function () {\n      if (!active) {\n        return;\n      }\n      setLoaded('loaded');\n    };\n    image.onerror = function () {\n      if (!active) {\n        return;\n      }\n      setLoaded('error');\n    };\n    return function () {\n      active = false;\n    };\n  }, [src, srcSet]);\n  return loaded;\n}\nvar Avatar = /*#__PURE__*/React.forwardRef(function Avatar(props, ref) {\n  var alt = props.alt,\n    childrenProp = props.children,\n    classes = props.classes,\n    className = props.className,\n    _props$component = props.component,\n    Component = _props$component === void 0 ? 'div' : _props$component,\n    imgProps = props.imgProps,\n    sizes = props.sizes,\n    src = props.src,\n    srcSet = props.srcSet,\n    _props$variant = props.variant,\n    variant = _props$variant === void 0 ? 'circle' : _props$variant,\n    other = _objectWithoutProperties(props, [\"alt\", \"children\", \"classes\", \"className\", \"component\", \"imgProps\", \"sizes\", \"src\", \"srcSet\", \"variant\"]);\n  var children = null; // Use a hook instead of onError on the img element to support server-side rendering.\n\n  var loaded = useLoaded({\n    src: src,\n    srcSet: srcSet\n  });\n  var hasImg = src || srcSet;\n  var hasImgNotFailing = hasImg && loaded !== 'error';\n  if (hasImgNotFailing) {\n    children = /*#__PURE__*/React.createElement(\"img\", _extends({\n      alt: alt,\n      src: src,\n      srcSet: srcSet,\n      sizes: sizes,\n      className: classes.img\n    }, imgProps));\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    children = alt[0];\n  } else {\n    children = /*#__PURE__*/React.createElement(Person, {\n      className: classes.fallback\n    });\n  }\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, classes.system, classes[variant], className, !hasImgNotFailing && classes.colorDefault),\n    ref: ref\n  }, other), children);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiAvatar'\n})(Avatar);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport withStyles from '../styles/withStyles';\nimport capitalize from '../utils/capitalize';\nexport var styles = function styles(theme) {\n  return {\n    /* Styles applied to the root element. */\n    root: {\n      userSelect: 'none',\n      width: '1em',\n      height: '1em',\n      display: 'inline-block',\n      fill: 'currentColor',\n      flexShrink: 0,\n      fontSize: theme.typography.pxToRem(24),\n      transition: theme.transitions.create('fill', {\n        duration: theme.transitions.duration.shorter\n      })\n    },\n    /* Styles applied to the root element if `color=\"primary\"`. */\n    colorPrimary: {\n      color: theme.palette.primary.main\n    },\n    /* Styles applied to the root element if `color=\"secondary\"`. */\n    colorSecondary: {\n      color: theme.palette.secondary.main\n    },\n    /* Styles applied to the root element if `color=\"action\"`. */\n    colorAction: {\n      color: theme.palette.action.active\n    },\n    /* Styles applied to the root element if `color=\"error\"`. */\n    colorError: {\n      color: theme.palette.error.main\n    },\n    /* Styles applied to the root element if `color=\"disabled\"`. */\n    colorDisabled: {\n      color: theme.palette.action.disabled\n    },\n    /* Styles applied to the root element if `fontSize=\"inherit\"`. */\n    fontSizeInherit: {\n      fontSize: 'inherit'\n    },\n    /* Styles applied to the root element if `fontSize=\"small\"`. */\n    fontSizeSmall: {\n      fontSize: theme.typography.pxToRem(20)\n    },\n    /* Styles applied to the root element if `fontSize=\"large\"`. */\n    fontSizeLarge: {\n      fontSize: theme.typography.pxToRem(35)\n    }\n  };\n};\nvar SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(props, ref) {\n  var children = props.children,\n    classes = props.classes,\n    className = props.className,\n    _props$color = props.color,\n    color = _props$color === void 0 ? 'inherit' : _props$color,\n    _props$component = props.component,\n    Component = _props$component === void 0 ? 'svg' : _props$component,\n    _props$fontSize = props.fontSize,\n    fontSize = _props$fontSize === void 0 ? 'default' : _props$fontSize,\n    htmlColor = props.htmlColor,\n    titleAccess = props.titleAccess,\n    _props$viewBox = props.viewBox,\n    viewBox = _props$viewBox === void 0 ? '0 0 24 24' : _props$viewBox,\n    other = _objectWithoutProperties(props, [\"children\", \"classes\", \"className\", \"color\", \"component\", \"fontSize\", \"htmlColor\", \"titleAccess\", \"viewBox\"]);\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    className: clsx(classes.root, className, color !== 'inherit' && classes[\"color\".concat(capitalize(color))], fontSize !== 'default' && classes[\"fontSize\".concat(capitalize(fontSize))]),\n    focusable: \"false\",\n    viewBox: viewBox,\n    color: htmlColor,\n    \"aria-hidden\": titleAccess ? undefined : true,\n    role: titleAccess ? 'img' : undefined,\n    ref: ref\n  }, other), children, titleAccess ? /*#__PURE__*/React.createElement(\"title\", null, titleAccess) : null);\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nSvgIcon.muiName = 'SvgIcon';\nexport default withStyles(styles, {\n  name: 'MuiSvgIcon'\n})(SvgIcon);","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport SvgIcon from '../SvgIcon';\n/**\n * Private module reserved for @material-ui/x packages.\n */\n\nexport default function createSvgIcon(path, displayName) {\n  var Component = function Component(props, ref) {\n    return /*#__PURE__*/React.createElement(SvgIcon, _extends({\n      ref: ref\n    }, props), path);\n  };\n  if (process.env.NODE_ENV !== 'production') {\n    // Need to set `displayName` on the inner component for React.memo.\n    // React prior to 16.14 ignores `displayName` on the wrapper.\n    Component.displayName = \"\".concat(displayName, \"Icon\");\n  }\n  Component.muiName = SvgIcon.muiName;\n  return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));\n}"],"sourceRoot":""}