{"version":3,"file":"index-e60b8276.js","sources":["../../../FE_DEV/src/components/Panel/index.tsx"],"sourcesContent":["import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { Button } from '../Button'\nimport { faCalendar, faCalendarXmark } from '@fortawesome/free-regular-svg-icons'\nimport { faCalendarCheck, faLocation, faLocationDot, faLocationPin, faMapLocation } from '@fortawesome/free-solid-svg-icons'\n\nexport type IArticle = {\n\tid?: number\n\theading: string\n\tintroduction?: string\n\timageUrl?: string\n\tauthor?: string,\n\taddress?: string,\n\tcategoryTypes?: string[]\n\turl?: string\n\tupdatedDate?: string\n\tdateUpdated?: string,\n\tpublishedDate?: string,\n\tshowForGuestUser?: boolean,\n\tshowForLoggedInUser?: boolean,\n\tcallToActionName?: string,\n\tdateOfEvent?: string,\n\ttimeOfEvent?: string,\n\tcontentType?: string,\n\tBGColor?: string\n}\n\ninterface IProps {\n\tarticle: IArticle\n\tclassName?: string\n\ttheme: string\n\tshowAuthor?: boolean\n\tshowDate?: boolean,\n\tshowTime?: boolean,\n\tshowAddress?: boolean,\n\tshowCalendar?: boolean,\n\tcallToActionName?: string,\n\tctaFitContent? : boolean\n\theight?: string,\n\tintroLineClamp?: number,\n\tminHeight?: string\n}\n\nexport default function Panel({article, theme, showAuthor = false, showTime, className, showDate = false, ctaFitContent, height, showAddress, showCalendar, introLineClamp}: IProps) {\n\n\tconst bgClass = theme == 'dark' ? 'bg-sky-800 text-white' : 'bg-surface-20 text-sky-800'\n\n\treturn (\n\t\t<div className={[className].join(' ')}>\n\t\t\t<a\n\t\t\t\thref={article.url}\n\t\t\t\tclassName={`relative flex flex-col w-full h-full overflow-hidden cursor-pointer rounded-xl ${bgClass} group`}\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tarticle.imageUrl && (\n\t\t\t\t\t\t<div className=\"relative overflow-hidden min-h-[207px] rounded-xl aspect-[3/2]\">\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\talt={article.heading}\n\t\t\t\t\t\t\t\tsrc={article.imageUrl}\n\t\t\t\t\t\t\t\tclassName=\"object-cover w-full h-full aspect-[3/2] overflow-hidden duration-500 group-hover:scale-110\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\t<div className={`relative z-20 flex flex-col flex-wrap grow relative z-20 p-6 text-left h-full rounded-b-xl ${bgClass} ${article.imageUrl ? '' : 'justify-between'}`}>\n\t\t\t\t\t{\n\t\t\t\t\t\tshowAuthor || showDate ? (\n\t\t\t\t\t\t\t<div className=\"justify-start items-center gap-2 inline-flex mb-5\">\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tshowAuthor && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm font-bold leading-tight\">\n\t\t\t\t\t\t\t\t\t\t\t{article.author}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t{ (showAuthor && article.author) && (showDate && (article.updatedDate || article.publishedDate)) && <div className={`w-1 h-1 rounded-full ${theme == 'dark' ? 'bg-slate-200' : 'bg-sky-800'}`} /> }\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tshowDate && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"text-sm font-bold leading-tight\">\n\t\t\t\t\t\t\t\t\t\t\t{article.updatedDate ? article.updatedDate : article.publishedDate}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : ''\n\t\t\t\t\t}\n\n\n\n\t\t\t\t\t<div className={`flex flex-col mb-5 w-full`}>\n\t\t\t\t\t\t<div className={article.imageUrl ? '' : 'grow'}>\n\t\t\t\t\t\t\t<h3 className={`font-museo mb-5 text-2xl leading-none normal-case line-clamp-3 ${bgClass}`}>\n\t\t\t\t\t\t\t\t{article.heading}\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tshowCalendar && (\n\t\t\t\t\t\t\t\t\t<div className='flex items-center mb-2 md:mt-0 mt-4 text-md font-bold'>\n\t\t\t\t\t\t\t\t\t\t<FontAwesomeIcon icon={faCalendar} className='mr-2' />\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t{article.dateOfEvent}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{ showCalendar && showTime && <div className={`mx-2 w-1 h-1 rounded-full ${theme == 'dark' ? 'bg-slate-200' : 'bg-sky-800'}`} /> }\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t{article.timeOfEvent}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tshowAddress && (\n\t\t\t\t\t\t\t\t\t<div className='flex items-center mb-4 w-full text-md font-bold'>\n\t\t\t\t\t\t\t\t\t\t<FontAwesomeIcon icon={faLocationDot} className='mr-2' />\n\t\t\t\t\t\t\t\t\t\t<div className=\"leading-tight\">\n\t\t\t\t\t\t\t\t\t\t\t{article.address}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<p className={[`line-clamp-3 md:line-clamp-${introLineClamp ? introLineClamp : '3'} text-text-color-80 prose`, theme == \"dark\" && \"!text-white\"].join(\" \")}>\n\t\t\t\t\t\t\t\t{article.introduction}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\ttype={theme == \"dark\" ? \"secondary-alt\" : \"primary\"}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclassName='block max-w-[200px] mt-auto'\n\t\t\t\t\t\tfitContent={ctaFitContent}\n\t\t\t\t\t>\n\t\t\t\t\t\t{article.callToActionName ? article.callToActionName : 'Find out more'}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</a>\n\t\t</div>\n\t)\n}\n"],"names":["Panel","article","theme","showAuthor","showTime","className","showDate","ctaFitContent","height","showAddress","showCalendar","introLineClamp","bgClass","jsx","jsxs","FontAwesomeIcon","faCalendar","faLocationDot","Button"],"mappings":"8OA0CA,SAAwBA,EAAM,CAAC,QAAAC,EAAS,MAAAC,EAAO,WAAAC,EAAa,GAAO,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAW,GAAO,cAAAC,EAAe,OAAAC,EAAQ,YAAAC,EAAa,aAAAC,EAAc,eAAAC,GAAyB,CAE9K,MAAAC,EAAUV,GAAS,OAAS,wBAA0B,6BAG3D,OAAAW,EAAC,OAAI,UAAW,CAACR,CAAS,EAAE,KAAK,GAAG,EACnC,SAAAS,EAAC,IAAA,CACA,KAAMb,EAAQ,IACd,UAAW,kFAAkFW,CAAO,SAGnG,SAAA,CAAAX,EAAQ,UACPY,EAAC,MAAI,CAAA,UAAU,iEACd,SAAAA,EAAC,MAAA,CACA,IAAKZ,EAAQ,QACb,IAAKA,EAAQ,SACb,UAAU,4FAAA,CAAA,EAEZ,EAGFa,EAAC,MAAI,CAAA,UAAW,8FAA8FF,CAAO,IAAIX,EAAQ,SAAW,GAAK,iBAAiB,GAEhK,SAAA,CAAAE,GAAcG,EACbQ,EAAC,MAAI,CAAA,UAAU,oDAEb,SAAA,CAAAX,GACEU,EAAA,MAAA,CAAI,UAAU,kCACb,WAAQ,OACV,EAGCV,GAAcF,EAAQ,QAAYK,IAAaL,EAAQ,aAAeA,EAAQ,gBAAoBY,EAAA,MAAA,CAAI,UAAW,wBAAwBX,GAAS,OAAS,eAAiB,YAAY,GAAI,EAE9LI,GACEO,EAAA,MAAA,CAAI,UAAU,kCACb,WAAQ,YAAcZ,EAAQ,YAAcA,EAAQ,aACtD,CAAA,CAAA,CAAA,CAGH,EACG,GAKLY,EAAC,MAAI,CAAA,UAAW,4BACf,SAAAC,EAAC,OAAI,UAAWb,EAAQ,SAAW,GAAK,OACvC,SAAA,CAAAY,EAAC,MAAG,UAAW,kEAAkED,CAAO,GACtF,WAAQ,QACV,EAECF,GACCI,EAAC,MAAI,CAAA,UAAU,wDACd,SAAA,CAAAD,EAACE,EAAgB,CAAA,KAAMC,EAAY,UAAU,OAAO,EACpDH,EAAC,MACC,CAAA,SAAAZ,EAAQ,WACV,CAAA,EACES,GAAgBN,GAAYS,EAAC,MAAI,CAAA,UAAW,6BAA6BX,GAAS,OAAS,eAAiB,YAAY,EAAI,CAAA,EAC9HW,EAAC,MACC,CAAA,SAAAZ,EAAQ,WACV,CAAA,CAAA,EACD,EAIDQ,GACCK,EAAC,MAAI,CAAA,UAAU,kDACd,SAAA,CAAAD,EAACE,EAAgB,CAAA,KAAME,EAAe,UAAU,OAAO,EACtDJ,EAAA,MAAA,CAAI,UAAU,gBACb,WAAQ,QACV,CAAA,EACF,IAGA,IAAE,CAAA,UAAW,CAAC,8BAA8BF,GAAkC,GAAG,4BAA6BT,GAAS,QAAU,aAAa,EAAE,KAAK,GAAG,EACvJ,WAAQ,aACV,CAAA,CAAA,CACD,CACD,CAAA,EAEAW,EAACK,EAAA,CACA,KAAMhB,GAAS,OAAS,gBAAkB,UAC1C,KAAK,KACL,UAAU,8BACV,WAAYK,EAEX,SAAAN,EAAQ,iBAAmBA,EAAQ,iBAAmB,eAAA,CACxD,CAAA,EACD,CAAA,CAAA,CAEF,CAAA,CAAA,CAEF"}