@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.42 kB
JavaScript
var n=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,o)=>e[o]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var m={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{jsx as h}from"react/jsx-runtime";var f=[],v={},l={type:null,orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},a=i=>{let{gap:e,type:t=l.type,orientation:o=l.orientation,alignItems:r=l.alignItems,justifyContent:d=l.justifyContent,justifyItems:c=l.justifyItems,wrap:u=l.wrap,style:x,...y}=i;return h("div",{...y,style:{gap:e,...x},className:n(i.className,{[`k-${t}-layout`]:t,[`k-${m.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${d}`]:d,[`k-justify-items-${c}`]:c,"k-flex-wrap":u}),children:i.children})};a.states=f;a.options=v;import{Fragment as q,jsx as A,jsxs as H}from"react/jsx-runtime";import{Fragment as D,jsx as R,jsxs as E}from"react/jsx-runtime";import{Fragment as g,jsx as s,jsxs as k}from"react/jsx-runtime";var W=({alignItems:i="start",justifyContent:e="start",...t})=>s(a,{type:"stack",orientation:"horizontal",alignItems:i,justifyContent:e,children:k(g,{children:[s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"}),s("div",{className:"box",children:"Box"})]}),...t});export{W as StackLayoutNormal};