{"version":3,"file":"static/js/4791.e49a6d7c.chunk.js","mappings":"uKAKA,MAEMA,EAAQC,IACV,MAAM,KAAEC,EAAI,KAAEC,EAAI,OAAEC,EAAM,UAAEC,EAAS,SAAEC,EAAQ,MAAEC,EAAK,UAAEC,GAAcP,EAEtE,OACIQ,EAAAA,EAAAA,KAAA,OACIJ,UAAWK,IAAW,OAAQL,EAAWD,GACzCG,MAAO,IACAA,EACEI,SAAU,QAASC,UAAW,OAAQC,aAAa,OAAOC,WAAW,OAAOC,YAAY,QAC/FC,UAEFP,EAAAA,EAAAA,KAAA,OACIJ,UAAWC,EACXW,IAAK,kBAAwBd,KAAQD,QACrCgB,IAAK,GAAGC,EAAAA,aAEV,EAIdnB,EAAKoB,aAAe,CAChBjB,KAAM,QACND,KAAM,OACNM,UAAW,QAWf,S,0GCpCA,MAgDA,EAhDaa,IAAqC,IAApC,SAAEL,EAAQ,QAAEM,KAAYC,GAAMF,EAOxC,OACIG,EAAAA,EAAAA,MAAA,OAAKnB,UAAU,6BAA4BW,SAAA,EACvCQ,EAAAA,EAAAA,MAAA,OACInB,UAAU,2EACVE,MAAO,CACHkB,WAAW,QACbT,SAAA,EAEFP,EAAAA,EAAAA,KAACT,EAAAA,EAAI,CAACG,KAAK,OAAOE,UAAU,cAC5BmB,EAAAA,EAAAA,MAAA,OAAAR,SAAA,EACIQ,EAAAA,EAAAA,MAAA,OAAKnB,UAAU,+BAA8BW,SAAA,EACzCP,EAAAA,EAAAA,KAACiB,EAAAA,GAAM,CACHrB,UAAU,wBACVsB,MAAM,SACNV,IAAI,mIAERR,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,aAAYW,UACvBP,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,0BAAyBW,SAAC,qBAMjDP,EAAAA,EAAAA,KAAA,KAAGJ,UAAU,gCAA+BW,SAAC,wEAGjDQ,EAAAA,EAAAA,MAAA,QAAMnB,UAAU,aAAYW,SAAA,CAAC,kBACP,IAAG,IAAIY,MAAOC,gBAAiB,KACjDpB,EAAAA,EAAAA,KAAA,QAAMJ,UAAU,gBAAeW,SAAE,GAAGG,EAAAA,OAAmB,WAG/DV,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,iFAAgFW,UAC3FQ,EAAAA,EAAAA,MAAA,OAAKnB,UAAU,wBAAuBW,SAAA,EAClCP,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,OAAMW,SAAEM,IACtBN,GAAWc,EAAAA,EAAAA,cAAad,EAAU,IAAKO,IAAU,YAGxD,E,qCCzCd,MAgBA,EAhBoBtB,IAChB,MAAM8B,GAAaC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,MAAMC,OAAOjC,OAE7D,OACIO,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,qDAAoDW,SAC9De,IAAeK,EAAAA,IACZ3B,EAAAA,EAAAA,KAAC4B,EAAAA,EAAI,IAAKpC,KAEVQ,EAAAA,EAAAA,KAAC6B,EAAI,CAAAtB,UACDP,EAAAA,EAAAA,KAAC4B,EAAAA,EAAI,IAAKpC,OAGhB,C","sources":["components/template/Logo.js","components/layout/AuthLayout/Side.js","components/layout/AuthLayout/index.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { APP_NAME } from 'constants/app.constant'\n\nconst LOGO_SRC_PATH = '/img/logo/'\n\nconst Logo = (props) => {\n const { type, mode, gutter, className, imgClass, style, logoWidth } = props\n\n return (\n <div\n className={classNames('logo', className, gutter)}\n style={{\n ...style,\n ...{ maxWidth: \"180px\", marginTop: \"10px\", marginBottom:'10px',marginLeft:'auto',marginRight:'auto' },\n }}\n >\n <img\n className={imgClass}\n src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`}\n alt={`${APP_NAME} logo`}\n />\n </div>\n )\n}\n\nLogo.defaultProps = {\n mode: 'light',\n type: 'full',\n logoWidth: 'auto',\n}\n\nLogo.propTypes = {\n mode: PropTypes.oneOf(['light', 'dark']),\n type: PropTypes.oneOf(['full', 'streamline']),\n gutter: PropTypes.string,\n imgClass: PropTypes.string,\n logoWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n}\n\nexport default Logo\n","import React, { cloneElement } from 'react'\nimport { Avatar } from 'components/ui'\nimport Logo from 'components/template/Logo'\nimport { APP_NAME } from 'constants/app.constant'\n\nconst Side = ({ children, content, ...rest }) => {\n const quotesArr = \n [\n {name: 'Bob Marley', quote:\"One good thing about music, when it hits you, you feel no pain.\", img:\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Bob-Marley_3_%28cropped%29.jpg/220px-Bob-Marley_3_%28cropped%29.jpg\"},\n {name: 'Keith Richards', quote:\"Music is a language that doesn’t speak in particular words. It speaks in emotions, and if it’s in the bones, it’s in the bones.\", img:\"https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/Keith_Richards_Photo_Jerzy_Bednarski.jpg/220px-Keith_Richards_Photo_Jerzy_Bednarski.jpg\"},\n\n ]\n return (\n <div className=\"grid lg:grid-cols-3 h-full\">\n <div\n className=\"bg-no-repeat bg-cover py-6 px-16 flex-col justify-between hidden lg:flex\"\n style={{\n background:'#000'\n }}\n >\n <Logo mode=\"dark\" className=\"ml-unset\" />\n <div>\n <div className=\"mb-6 flex items-center gap-4\">\n <Avatar\n className=\"border-2 border-white\"\n shape=\"circle\"\n src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Bob-Marley_3_%28cropped%29.jpg/220px-Bob-Marley_3_%28cropped%29.jpg\"\n />\n <div className=\"text-white\">\n <div className=\"font-semibold text-base\">\n Bob Marley\n </div>\n {/* <span className=\"opacity-80\">CTO, Onward</span> */}\n </div>\n </div>\n <p className=\"text-lg text-white opacity-80\">\n One good thing about music, when it hits you, you feel no pain.</p>\n </div>\n <span className=\"text-white\">\n Copyright © {`${new Date().getFullYear()}`}{' '}\n <span className=\"font-semibold\">{`${APP_NAME}`}</span>{' '}\n </span>\n </div>\n <div className=\"col-span-2 flex flex-col justify-center items-center bg-white dark:bg-gray-800\">\n <div className=\"xl:min-w-[450px] px-8\">\n <div className=\"mb-8\">{content}</div>\n {children ? cloneElement(children, { ...rest }) : null}\n </div>\n </div>\n </div>\n )\n}\n\nexport default Side\n","import React from 'react'\nimport Side from './Side'\n// import Cover from './Cover'\n// import Simple from './Simple'\nimport View from 'views'\nimport { useSelector } from 'react-redux'\nimport { LAYOUT_TYPE_BLANK } from 'constants/theme.constant'\n\nconst AuthLayout = (props) => {\n const layoutType = useSelector((state) => state.theme.layout.type)\n\n return (\n <div className=\"app-layout-blank flex flex-auto flex-col h-[100vh]\">\n {layoutType === LAYOUT_TYPE_BLANK ? (\n <View {...props} />\n ) : (\n <Side>\n <View {...props} />\n </Side>\n )}\n </div>\n )\n}\n\nexport default AuthLayout\n"],"names":["Logo","props","type","mode","gutter","className","imgClass","style","logoWidth","_jsx","classNames","maxWidth","marginTop","marginBottom","marginLeft","marginRight","children","src","alt","APP_NAME","defaultProps","_ref","content","rest","_jsxs","background","Avatar","shape","Date","getFullYear","cloneElement","layoutType","useSelector","state","theme","layout","LAYOUT_TYPE_BLANK","View","Side"],"sourceRoot":""}