| 1 |
- {"version":3,"file":"17999.js","mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;ACTA;AAA0B;AAEU;AAEa;AAED;IAEzC,SAIN;UAJWI,SAAS;IAATA,SAAS,CACnBC,SAAO,IAAPA,SAAO;IADGD,SAAS,CAEnBE,SAAO,IAAPA,SAAO;IAFGF,SAAS,CAGnBG,WAAS,IAATA,WAAS;GAHCH,SAAS,KAATA,SAAS;IAKd,QAKN;UALWI,QAAQ;IAARA,QAAQ,CAClBC,QAAM,IAAG,QAAQ;IADPD,QAAQ,CAElBE,OAAK,IAAG,OAAO;IAFLF,QAAQ,CAGlBG,QAAM,IAAG,QAAQ;IAHPH,QAAQ,CAIlBI,OAAK,IAAG,OAAO;GAJLJ,QAAQ,KAARA,QAAQ;AAepB,MAAMK,aAAa,GAAG,CAAC,EACrBC,IAAI,GACJC,IAAI,EAAGP,QAAQ,CAACG,MAAM,GACtBK,KAAK,EAAGZ,SAAS,CAACC,OAAO,GACzBY,eAAe,EAAG,IAAI,GACtBC,oBAAoB,EAAG,IAAI,GAC3BC,SAAS,GACU,GAAK;IACxB,MAAMC,GAAG,GAAGjB,wEAAY,EAAE;IAC1B,qBACE,mDAACkB,MAAI;QACHF,SAAS,EAAElB,iDAAU,CAACkB,SAAS,EAAEjB,6EAAgB,EAAE;YACjD,CAACA,gFAAmB,CAAC,EACnB,oBAAqB,IAAIc,KAAK,KAAKZ,SAAS,CAACC,OAAO,IAAKW,KAAK,KAAKZ,SAAS,CAACE,OAAO;YACtF,CAACJ,kFAAqB,CAAC,EAAEgB,oBAAoB,IAAIF,KAAK,KAAKZ,SAAS,CAACG,SAAS;YAC9E,CAACL,8EAAiB,CAAC,EAAEa,IAAI,KAAKP,QAAQ,CAACC,MAAM;YAC7C,CAACP,6EAAgB,CAAC,EAAEa,IAAI,KAAKP,QAAQ,CAACE,KAAK;YAC3C,CAACR,8EAAiB,CAAC,EAAEa,IAAI,KAAKP,QAAQ,CAACG,MAAM;YAC7C,CAACT,6EAAgB,CAAC,EAAEa,IAAI,KAAKP,QAAQ,CAACI,KAAK;SAC5C,CAAC;QACFiB,qBAAmB,EAAEZ,eAAe;QACpCG,GAAG,EAAEA,GAAG;kBAEPN,IAAI;MACA,CACP;AACJ,CAAC;AAED,iEAAeD,aAAa,EAAC","sources":["webpack://quran.com/./src/components/dls/IconContainer/IconContainer.module.scss","webpack://quran.com/./src/components/dls/IconContainer/IconContainer.tsx"],"sourcesContent":["// Exports\nmodule.exports = {\n\t\"container\": \"IconContainer_container__kS6o8\",\n\t\"defaultColor\": \"IconContainer_defaultColor__jGhPh\",\n\t\"secondaryColor\": \"IconContainer_secondaryColor__KDGmK\",\n\t\"xsmallIcon\": \"IconContainer_xsmallIcon__QIQZu\",\n\t\"smallIcon\": \"IconContainer_smallIcon__slfID\",\n\t\"mediumIcon\": \"IconContainer_mediumIcon__WGpBm\",\n\t\"largeIcon\": \"IconContainer_largeIcon__oO0B9\"\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './IconContainer.module.scss';\n\nimport useDirection from '@/hooks/useDirection';\n\nexport enum IconColor {\n default = 'default',\n primary = 'primary',\n secondary = 'secondary',\n}\nexport enum IconSize {\n Xsmall = 'xsmall',\n Small = 'small',\n Medium = 'medium',\n Large = 'large',\n}\n\ntype IconContainerProps = {\n icon: React.ReactNode;\n size?: IconSize;\n color?: IconColor;\n className?: string;\n shouldFlipOnRTL?: boolean;\n shouldForceSetColors?: boolean;\n};\nconst IconContainer = ({\n icon,\n size = IconSize.Medium,\n color = IconColor.default,\n shouldFlipOnRTL = true,\n shouldForceSetColors = true,\n className,\n}: IconContainerProps) => {\n const dir = useDirection();\n return (\n <span\n className={classNames(className, styles.container, {\n [styles.defaultColor]:\n (shouldForceSetColors && color === IconColor.default) || color === IconColor.primary,\n [styles.secondaryColor]: shouldForceSetColors && color === IconColor.secondary,\n [styles.xsmallIcon]: size === IconSize.Xsmall,\n [styles.smallIcon]: size === IconSize.Small,\n [styles.mediumIcon]: size === IconSize.Medium,\n [styles.largeIcon]: size === IconSize.Large,\n })}\n data-auto-flip-icon={shouldFlipOnRTL}\n dir={dir}\n >\n {icon}\n </span>\n );\n};\n\nexport default IconContainer;\n"],"names":["React","classNames","styles","useDirection","IconColor","default","primary","secondary","IconSize","Xsmall","Small","Medium","Large","IconContainer","icon","size","color","shouldFlipOnRTL","shouldForceSetColors","className","dir","span","container","defaultColor","secondaryColor","xsmallIcon","smallIcon","mediumIcon","largeIcon","data-auto-flip-icon"],"sourceRoot":""}
|
