@anoki/fse-marche-ui
Version:
FSE UI components library
3 lines (2 loc) • 1.98 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs137.js"),s=require("./index.cjs139.js");;/* empty css */const m=require("./index.cjs76.js"),u=require("react"),h=require("./index.cjs10.js"),p={small:{width:"311px"},medium:{width:"388px"},large:{width:"666px"}},j={small:{heightImg:"170px"},medium:{heightImg:"183px"},large:{heightImg:"371px"}},g=({btnText:c="Trascrizione",sizeComp:i="large",titleTag:n="h3",image:r,asImage:l="img"})=>{const x=l,{width:o}=p[i],{heightImg:a}=j[i],[t,d]=u.useState(!1);return e.jsxRuntimeExports.jsxs(h.Col,{br:"x4",style:{width:o},className:s.clsx("shadow",t&&"ui-expanded"),children:[e.jsxRuntimeExports.jsxs("div",{style:{height:a},className:s.clsx("cardImgWrapper","w-full"),children:[e.jsxRuntimeExports.jsx(x,{src:r==null?void 0:r.src,className:s.clsx("cardImg","br-x4 h-full w-full"),alt:"..."}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("cardImgMask")})]}),e.jsxRuntimeExports.jsx("div",{className:s.clsx("accordion","base-row justify-content-between align-items-center px-x24 w-full flex-1"),children:e.jsxRuntimeExports.jsxs("button",{className:s.clsx("ui-btn-accordion","base-row justify-content-between align-items-center"),type:"button",onClick:()=>d(!t),children:[e.jsxRuntimeExports.jsx(n,{className:s.clsx("fw-semibold text-primary base-col justify-content-center"),children:c}),e.jsxRuntimeExports.jsx(m.ArrowDown,{color:"primary",className:s.clsx("ui-arrow",{expanded:t})})]})}),t&&e.jsxRuntimeExports.jsx("div",{className:s.clsx("pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsxs("p",{children:["Placeholder content for this accordion, which is intended to demonstrate the ",e.jsxRuntimeExports.jsx("code",{children:".accordion-flush"})," class. This is the first item's accordion body."]})})]})};exports.VideoPlayer=g;
//# sourceMappingURL=index.cjs34.js.map