{"version":3,"file":"static/js/Watermark.c5c46fec.js","mappings":"wOAKO,MAAMA,EAAcC,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,8JAC/BI,EAAAA,GAIAC,IAAM,UAAW,CACfC,OAAOC,EAAAA,EAAAA,KAAG,iF,eCHlB,MAAMC,EAAYA,EACdC,OACAC,UACAC,gBAGIC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CAACR,MAAO,CAAEK,QAASA,GAAUI,UACvCF,EAAAA,EAAAA,KAACb,EAAW,CAACY,UAAWA,EAAUG,UAC9BF,EAAAA,EAAAA,KAACG,EAAAA,EAAI,CAACN,KAAO,GAAEA,UAM/B,MAAeO,EAAAA,KAAWR,E","sources":["components/Watermark/Watermark.styled.ts","components/Watermark/Watermark.tsx"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { styleLabelM } from \"style/components/Typography\";\n\nexport const IconWrapper = styled.div`\n    ${styleLabelM}\n    align-items: center;\n    color: var(--icon-decorative-cyan);\n    display: flex;\n    ${theme(\"variant\", {\n        white: css`\n            filter: brightness(0) saturate(100%) invert(100%)\n                var(--shadow-on-image);\n        `,\n    })}\n    inset: 0;\n    justify-content: center;\n    pointer-events: none;\n    position: absolute;\n    z-index: 3;\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport Icon from \"components/Icon\";\n\nimport { IconWrapper } from \"./Watermark.styled\";\nimport WatermarkProps from \"./WatermarkProps\";\n\nconst Watermark = ({\n    icon,\n    variant,\n    className,\n}: WatermarkProps): ReactElement => {\n    return (\n        <ThemeProvider theme={{ variant: variant }}>\n            <IconWrapper className={className}>\n                <Icon icon={`${icon}`} />\n            </IconWrapper>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(Watermark);\n"],"names":["IconWrapper","styled","div","withConfig","componentId","styleLabelM","theme","white","css","Watermark","icon","variant","className","_jsx","ThemeProvider","children","Icon","React"],"sourceRoot":""}