{"version":3,"file":"static/js/spacing.d9f5b28c.chunk.js","mappings":"6LAMMA,GAAeC,EAAAA,EAAAA,OAAK,kBACzB,4DAGKC,GAAYC,EAAAA,EAAAA,IAAW,SAAAC,GAAK,MAAK,CACtCC,KAAM,CACLC,WAAY,SACZC,QAAS,OACTC,eAAgB,SAChBC,SAAU,gBA0BZ,UAtBgB,SAAC,GAAyB,IAAD,IAAtBC,KAAAA,OAAsB,MAAf,SAAe,EAClCC,EAAMT,IACNE,GAAQQ,EAAAA,EAAAA,KACRC,GAAYC,EAAAA,EAAAA,GAAcV,EAAMW,YAAYC,GAAG,OAEjDC,EAAG,GAQP,OALCA,EADY,UAATP,EACGG,EAAY,+BAAiC,gCAE7CA,EAAY,gCAAkC,0BAIpD,gBAAKK,WAAWC,EAAAA,EAAAA,SAAK,cAAeR,EAAIN,MAAxC,UACC,SAAC,EAAAe,SAAD,CAAUC,UAAU,wBAApB,UACC,SAACrB,EAAD,CAAcsB,MAAM,UAAUZ,KAAM,EAAGO,IAAKA","sources":["components/spacing/index.jsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport clsx from \"clsx\";\nimport makeStyles from \"@material-ui/styles/makeStyles\";\nimport useTheme from \"@material-ui/styles/useTheme\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\n\nconst ReactSVGIcon = lazy(() =>\n\timport(/* webpackChunkName: \"reactSVGIcon\" */ \"@micado-digital/react-svg-icon/ReactSVGIcon\")\n);\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\talignItems: \"center\",\n\t\tdisplay: \"flex\",\n\t\tjustifyContent: \"center\",\n\t\tposition: \"relative\"\n\t}\n}));\n\nconst Spacing = ({ size = \"medium\" }) => {\n\tconst css = useStyles();\n\tconst theme = useTheme();\n\tconst bigScreen = useMediaQuery(theme.breakpoints.up(\"lg\"));\n\n\tlet src = ``;\n\n\tif (size === \"large\") {\n\t\tsrc = bigScreen ? \"/img/elements/line-large.svg\" : \"/img/elements/line-medium.svg\";\n\t} else {\n\t\tsrc = bigScreen ? \"/img/elements/line-medium.svg\" : \"/img/elements/line.svg\";\n\t}\n\n\treturn (\n\t\t