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

<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>

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