@start-base/start-ui/List/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as a}from"react";import s from"clsx";var t="SUI-List-module-list-zKOjK",l="SUI-List-module-listItem-Iu83-",m="SUI-List-module-listItemButton-XiL1d",i="SUI-List-module-listItemIcon-LmQ-S",c="SUI-List-module-listItemSubtitle-Jn0YM",r="SUI-List-module-listDivider-mbDm4",d="SUI-List-module-listSubheader-8KSUp",n=a((({children:a,className:l=""},m)=>e.createElement("ul",{ref:m,className:s(t,l)},a)));n.displayName="List";var N=({children:a,className:t=""})=>e.createElement("li",{className:s(l,t)},a);N.displayName="ListItem";var o=({children:a,onClick:t,className:l=""})=>e.createElement("button",{onClick:t,className:s(m,l)},a);o.displayName="ListItemButton";var I=({icon:a,className:t=""})=>e.createElement("span",{className:s(i,t)},a);I.displayName="ListItemIcon";var u=({subtitle:a,className:t=""})=>e.createElement("span",{className:s(c,t)},a);u.displayName="ListItemSubtitle";var L=({className:a=""})=>e.createElement("hr",{className:s(r,a)});L.displayName="ListDivider";var p=({children:a,className:t=""})=>e.createElement("div",{className:s(d,t)},a);p.displayName="ListSubheader";export{n as List,L as ListDivider,N as ListItem,o as ListItemButton,I as ListItemIcon,u as ListItemSubtitle,p as ListSubheader};