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