List item

import * as React from "react";
import { Inbox, Zap } from "@/components/ui/icons";
import { ListItem } from "@/components/ui/list-item";

export default function Example() {
  const [on, setOn] = React.useState(true);
  return (
    <div style={{ width: 380, display: "grid", gap: 4 }}>
      <ListItem type="one-line" leading={<Inbox />} title="Orders" />
      <ListItem type="two-line" leading={<Zap />} title="Express delivery" subtitle="Dhaka, within 3 hours" />
      <ListItem type="avatar" initials="NJ" title="Nusrat Jahan" subtitle="Ordered 3 times" />
      <ListItem type="toggle" title="Low-stock alerts" subtitle="Email when under 10" checked={on} onCheckedChange={setOn} />
    </div>
  );
}