amotify/dist/mols/List.js

UI Component for React,NextJS,esbuild

import{b as o,c as s,d}from"../chunk-C5N2D3ZX.js";import{jsx as e}from"react/jsx-runtime";import{Box as r}from"../atoms";import{Row as n}from"../mols";const C=t=>{let m=t,{items:c=[],ListChildCallback:l}=m,a=d(m,["items","ListChildCallback"]);l=l||h;let x=c.map((u,i)=>e(l,{children:u,index:i},i));return e(r,s(o({htmlTag:"ul",children:x},a),{xcss:o({listStyle:"none"},a.xcss)}))},h=t=>e(r,o({htmlTag:"li",padding:"3/4",gap:"1/2",borderBottom:!0,flexWrap:!0},t)),p=h;p.Center=t=>e(r,{htmlTag:"li",children:e(n.Center,o({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Left=t=>e(r,{htmlTag:"li",children:e(n.Left,o({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Right=t=>e(r,{htmlTag:"li",children:e(n.Right,o({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))}),p.Separate=t=>e(r,{htmlTag:"li",children:e(n.Separate,o({width:1,padding:"3/4",borderBottom:!0,flexWrap:!0},t))});export{C as List,p as ListItem};