{"version":3,"file":"Loader-DLQakp2M.js","sources":["../../../app/javascript/components/common/Loaders/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classStyle from \"./Loader.module.scss\";\n\nexport const Loader = ({ loaderColor = \"white\", loaderSize = 35 }) => {\n const styleColor = () => {\n switch (loaderColor) {\n case \"yoom-green\":\n return \"#32cdc8\";\n case \"main-green\":\n return \"#0a6982\";\n case \"main-blue\":\n return \"#2D6295\";\n case \"white\":\n return \"#fff\";\n case \"gray\":\n return \"#7777777\";\n default:\n return loaderColor;\n }\n };\n const style = {\n width: `${Math.trunc(loaderSize / 4.2)}px`,\n height: `${Math.trunc(loaderSize / 4.2)}px`,\n };\n return (\n \n \n \n \n \n );\n};\n\nLoader.propTypes = {\n loaderColor: PropTypes.string,\n loaderSize: PropTypes.number,\n};\n"],"names":["Loader","loaderColor","loaderSize","styleColor","style","jsxs","classStyle","jsx","PropTypes"],"mappings":"gTAIaA,EAAS,CAAC,CAAE,YAAAC,EAAc,QAAS,WAAAC,EAAa,MAAS,CACpE,MAAMC,EAAa,IAAM,CACvB,OAAQF,EAAa,CACnB,IAAK,aACI,MAAA,UACT,IAAK,aACI,MAAA,UACT,IAAK,YACI,MAAA,UACT,IAAK,QACI,MAAA,OACT,IAAK,OACI,MAAA,WACT,QACS,OAAAA,CAAA,CAEb,EACMG,EAAQ,CACZ,MAAO,GAAG,KAAK,MAAMF,EAAa,GAAG,CAAC,KACtC,OAAQ,GAAG,KAAK,MAAMA,EAAa,GAAG,CAAC,IACzC,EAEE,OAAAG,EAAA,KAAC,MAAA,CACC,UAAWC,EAAW,gBACtB,MAAO,CACL,MAAO,GAAGJ,CAAU,KACpB,OAAQ,GAAGA,CAAU,KACrB,MAAO,GAAGC,GAAY,EACxB,EAEA,SAAA,CAAAI,MAAC,QAAK,UAAWD,EAAW,aAAoB,MAAAF,EAAS,EACzDG,MAAC,QAAK,UAAWD,EAAW,OAAc,MAAAF,EAAS,EACnDG,EAAA,IAAC,QAAK,UAAWD,EAAW,YAAmB,MAAAF,CAAS,CAAA,CAAA,CAAA,CAC1D,CAEJ,EAEAJ,EAAO,UAAY,CACjB,YAAaQ,EAAU,OACvB,WAAYA,EAAU,MACxB"}