@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.51 kB
JavaScript
var s=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((t,n)=>e[n]||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={},a={type:null,orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},o=i=>{let{gap:e,type:t=a.type,orientation:n=a.orientation,alignItems:r=a.alignItems,justifyContent:d=a.justifyContent,justifyItems:c=a.justifyItems,wrap:u=a.wrap,style:x,...y}=i;return h("div",{...y,style:{gap:e,...x},className:s(i.className,{[`k-${t}-layout`]:t,[`k-${m.orientationMap[n]||n}`]:n,[`k-align-items-${r}`]:r,[`k-justify-content-${d}`]:d,[`k-justify-items-${c}`]:c,"k-flex-wrap":u}),children:i.children})};o.states=f;o.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 l,jsxs as k}from"react/jsx-runtime";var W=({alignItems:i="start",justifyItems:e="start",...t})=>l(o,{type:"grid",alignItems:i,justifyItems:e,children:k(g,{children:[l("div",{className:"box",children:"Box"}),l("div",{className:"box",children:"Box"}),l("div",{className:"box",children:"Box"}),l("div",{className:"box",children:"Box"}),l("div",{className:"box",children:"Box"}),l("div",{className:"box",children:"Box"})]}),...t});export{W as GridLayoutNormal};