{"version":3,"file":"static/js/701.5782a6b5.chunk.js","mappings":"sMAGA,MAuBA,EAvBiCA,IAAyB,IAAxB,IAACC,EAAG,MAAEC,EAAK,KAAEC,GAAKH,EAChD,OACII,EAAAA,EAAAA,MAACC,EAAAA,EAAI,CAACC,UAAU,gFAA+EC,SAAA,EAC3FC,EAAAA,EAAAA,KAACC,EAAAA,EAAU,CAACH,UAAU,sCAAqCC,UACvDC,EAAAA,EAAAA,KAAA,OAAKF,UAAU,yDAAwDC,UACnEC,EAAAA,EAAAA,KAACE,EAAAA,EAAK,CACFC,IAAKT,EACLI,UAAU,gHACVM,IAAKX,EACLY,MAAO,WAInBT,EAAAA,EAAAA,MAACU,EAAAA,EAAQ,CAACR,UAAU,qCAAoCC,SAAA,EACpDC,EAAAA,EAAAA,KAAA,MAAIF,UAAU,iDAAgDC,SAAEL,KAChEM,EAAAA,EAAAA,KAAA,KAAGF,UAAU,qFAAoFC,SAC5FJ,SAGN,C","sources":["components/ProjectShowcase/ProjectShowcaseComponent.jsx"],"sourcesContent":["import React from 'react';\nimport {Card, CardHeader, CardBody, Image} from \"@nextui-org/react\";\n\nconst ProjectShowcaseComponent = ({img, title, desc}) => {\n    return(\n        <Card className=\"py-0 m-2 mx-5 bg-background/60 dark:bg-default-100/50 backdrop-blur-sm h-full\">\n            <CardHeader className=\"pb-0 pt-2 px-4 flex-col items-start\">\n                <div className=\"w-full overflow-hidden rounded-xl h-48 sm:h-56 md:h-64\">\n                    <Image\n                        alt={title}\n                        className=\"object-cover w-full h-full transform transition-transform hover:scale-105 h-[200px] sm:h-[250px] md:h-[300px]\"\n                        src={img}\n                        width={500}\n                    />\n                </div>\n            </CardHeader>\n            <CardBody className=\"overflow-visible py-4 px-4 sm:px-6\">\n                <h4 className=\"font-bold text-lg sm:text-xl mb-2 line-clamp-2\">{title}</h4>\n                <p className=\"text-default-500 text-sm sm:text-base leading-relaxed line-clamp-4 sm:line-clamp-3\">\n                    {desc}\n                </p>\n            </CardBody>\n        </Card>\n    );\n};\n\nexport default ProjectShowcaseComponent;\n"],"names":["_ref","img","title","desc","_jsxs","Card","className","children","_jsx","CardHeader","Image","alt","src","width","CardBody"],"sourceRoot":""}