@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 4.1 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/CardDoctorInfo/CardDoctorInfo.css');const s=require("./index.cjs237.js"),N=require("./index.cjs28.js");;/* empty css */const a=require("./index.cjs238.js"),o=require("./index.cjs72.js"),j=require("react"),w=require("./index.cjs328.js"),p=require("./index.cjs89.js"),C=require("./index.cjs116.js"),q=require("./index.cjs61.js"),$=({titleTag:g="h1",doctorName:b,specialties:u,contactInfo:i,avatar:r,className:R,officesInfo:l=[],officesInfoV2:x=[],officeLabel:n="Ambulatorio"})=>{const[d,c]=j.useState([]),E=()=>i&&(i==null?void 0:i.length)>0,h=e=>{d.includes(e)?c(d.filter(t=>t!==e)):c([...d,e])};return s.jsxRuntimeExports.jsxs("article",{className:a.clsx("bg-white shadow br-x4 ui-card-doctor-info",R),children:[s.jsxRuntimeExports.jsxs(C.Row,{as:"header",gap:"x16",children:[r&&s.jsxRuntimeExports.jsx(N.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(g,{className:"fs-5 fw-semibold text-slate-20",children:b}),u&&(u==null?void 0:u.length)>0&&s.jsxRuntimeExports.jsx("p",{className:"fs-6 text-slate-20 fw-regular",children:u==null?void 0:u.join(" | ")})]})]}),s.jsxRuntimeExports.jsxs("div",{className:"ui-card-doctor-content-info",children:[E()&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:i==null?void 0:i.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))}),(l==null?void 0:l.length)>0&&s.jsxRuntimeExports.jsx(o.Divider,{bg:"border-divider",className:"ui-card-doctor-divider-info mt-x24"}),(x==null?void 0:x.length)>0&&s.jsxRuntimeExports.jsx(o.Divider,{bg:"border-divider",className:"ui-card-doctor-divider-info mt-x24"}),s.jsxRuntimeExports.jsxs(q.Col,{children:[(l==null?void 0:l.length)>0&&(l==null?void 0:l.map((e,t)=>s.jsxRuntimeExports.jsxs(j.Fragment,{children:[s.jsxRuntimeExports.jsx(p.CategoryHeader,{title:`${n} ${t+1}`,isOpen:d.includes(t),onToggle:()=>h(t),hasBorder:!d.includes(t),className:"pt-x24",titleClassName:"fw-semibold fs-6 text-primary pb-x16"}),d.includes(t)&&s.jsxRuntimeExports.jsx("div",{className:a.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(m=>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:m.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular text-slate-28",children:m.value})]},m.label))})})]},t))),(x==null?void 0:x.length)>0&&(x==null?void 0:x.map((e,t)=>s.jsxRuntimeExports.jsxs(j.Fragment,{children:[s.jsxRuntimeExports.jsx(p.CategoryHeader,{title:`${n} ${t+1}`,isOpen:d.includes(t),onToggle:()=>h(t),hasBorder:!d.includes(t),className:"pt-x24",titleClassName:"fw-semibold fs-6 text-primary pb-x16"}),d.includes(t)&&s.jsxRuntimeExports.jsxs("div",{className:a.clsx("ui-has-border-bottom","pb-x24"),children:[e.info.length>0&&s.jsxRuntimeExports.jsx("dl",{className:"ui-card-doctor-contact-info",children:e==null?void 0:e.info.map(m=>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:m.label}),s.jsxRuntimeExports.jsx("dd",{className:"fs-6 fw-regular text-slate-28",children:m.value})]},m.label))}),e.schedule&&s.jsxRuntimeExports.jsx("dl",{className:"mt-x16",children:s.jsxRuntimeExports.jsx(w.DoctorSchedule,{...e.schedule,labelClassName:"fs-6 fw-bold text-slate-28"})})]})]},t)))]})]})]})};exports.CardDoctorInfo=$;
//# sourceMappingURL=index.cjs40.js.map