{"version":3,"sources":["../ui/src/components/player-components/toggle/toggle.tsx"],"sourcesContent":["import Image from 'next/image';\r\nimport IMAGES from '../../../../../images/importImages';\r\nimport { IToggleProps } from 'interfaces';\r\nimport dynamic from \"next/dynamic\";\r\n\r\nconst CloseIcon = dynamic(() => import(\"../../icon-components/closeIcon\"));\r\n\r\nconst Toggle = ({ enabled, setEnabled }: IToggleProps) => {\r\n\r\n    return (\r\n        <div className={`pl-relative pl-h-[22px] pl-w-[37px] pl-cursor-pointer pl-rounded-[15px] pl-transition-colors pl-duration-150 pl-ease-linear ${enabled ? \"pl-bg-main-light hover:pl-bg-main-700\" : \"pl-bg-secondary-300 hover:!pl-bg-secondary-400\"}`} onClick={setEnabled}>\r\n            <div className={`pl-absolute pl-left-1 pl-top-[3px] pl-w-[16px] pl-h-[16px] pl-bg-white pl-rounded-full pl-transition-transform pl-duration-150 pl-ease-linear ${enabled ? 'pl-translate-x-[13px]' : 'pl-translate-x-0'}`}>\r\n                <div className={`${enabled ? '!pl-mt-[-1px] !pl-mr-[3px]' : '!pl-mt-[-2px] !pl-mr-[4px]'}`}>\r\n                    {enabled ? <Image src={IMAGES.purpleTick} width={10} height={10} /> : <CloseIcon className='pl-w-3 pl-h-3 pl-mx-auto pl-mt-1 pl-mr-[-1px] pl-stroke-secondary-400'/>}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Toggle;"],"mappings":"kFAAAA,IAAA,OAAOC,MAAW,aAGlB,OAAOC,MAAa,eAUW,cAAAC,MAAA,oBAR/B,IAAMC,EAAYF,EAAQ,IAAM,OAAO,0BAAiC,CAAC,EAEnEG,EAAS,CAAC,CAAE,QAAAC,EAAS,WAAAC,CAAW,IAG9BJ,EAAC,OAAI,UAAW,+HAA+HG,EAAU,wCAA0C,gDAAgD,GAAI,QAASC,EAC5P,SAAAJ,EAAC,OAAI,UAAW,iJAAiJG,EAAU,wBAA0B,kBAAkB,GACnN,SAAAH,EAAC,OAAI,UAAW,GAAGG,EAAU,6BAA+B,4BAA4B,GACnF,SAAAA,EAAUH,EAACK,EAAA,CAAM,IAAKC,EAAO,WAAY,MAAO,GAAI,OAAQ,GAAI,EAAKN,EAACC,EAAA,CAAU,UAAU,wEAAuE,EACtK,EACJ,EACJ,EAIDM,EAAQL","names":["init_esm_shims","Image","dynamic","jsx","CloseIcon","Toggle","enabled","setEnabled","Image","importImages_default","toggle_default"]}