@anoki/fse-marche-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.84 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardDoctorInfo/CardDoctorInfo.css');const s=require("./index.cjs137.js"),R=require("./index.cjs56.js");;/* empty css */const m=require("./index.cjs139.js"),b=require("./index.cjs153.js"),j=require("react"),E=require("./index.cjs51.js"),N=require("./index.cjs9.js"),w=require("./index.cjs10.js"),q=({titleTag:o="h3",doctorName:c,specialties:x,contactInfo:d,avatar:r,className:h,officesInfo:t=[],officeLabel:a="Ambulatorio"})=>{const[i,n]=j.useState([]),g=()=>d&&(d==null?void 0:d.length)>0,p=e=>{i.includes(e)?n(i.filter(l=>l!==e)):n([...i,e])};return s.jsxRuntimeExports.jsxs("article",{className:m.clsx("bg-white shadow br-x4 ui-card-doctor-info",h),children:[s.jsxRuntimeExports.jsxs(N.Row,{as:"header",gap:"x16",children:[r&&s.jsxRuntimeExports.jsx(R.Avatar,{textColor:(r==null?void 0:r.textColor)??"slate-20",bg:(r==null?void 0:r.bg)??"lightblue-a01",initials:(r==null?void 0:r.initials)??"",className:"ui-card-doctor-avatar",size:"3"}),s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(o,{className:"fs-5 fw-semibold text-slate-20",children:c}),x&&(x==null?void 0:x.length)>0&&s.jsxRuntimeExports.jsx("p",{className:"fs-6 text-slate-20 fw-regular",children:x==null?void 0:x.join(" | ")})]})]}),s.jsxRuntimeExports.jsxs("div",{className:"ui-card-doctor-content-info",children:[g()&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:d==null?void 0:d.map(e=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:e.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular text-slate-28",children:e.value})]},e.label))}),(t==null?void 0:t.length)>0&&s.jsxRuntimeExports.jsx(b.Divider,{bg:"border-divider",className:"ui-card-doctor-divider-info mt-x24"}),s.jsxRuntimeExports.jsx(w.Col,{children:(t==null?void 0:t.length)>0&&(t==null?void 0:t.map((e,l)=>s.jsxRuntimeExports.jsxs(j.Fragment,{children:[s.jsxRuntimeExports.jsx(E.CategoryHeader,{title:`${a} ${l+1}`,isOpen:i.includes(l),onToggle:()=>p(l),hasBorder:!i.includes(l),className:"pt-x24"}),i.includes(l)&&s.jsxRuntimeExports.jsx("div",{className:m.clsx("ui-has-border-bottom","pb-x24"),children:e.length>0&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:e==null?void 0:e.map(u=>s.jsxRuntimeExports.jsxs("div",{role:"group",className:"ui-card-doctor-contact-detail-info",children:[s.jsxRuntimeExports.jsx("dt",{className:"fs-6 fw-bold text-slate-28",children:u.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular text-slate-28",children:u.value})]},u.label))})})]},l)))})]})]})};exports.CardDoctorInfo=q;
//# sourceMappingURL=index.cjs42.js.map