import * as React from "react";
import { ListItem, ListItemLabel } from "baseui/list";
import { useStyletron } from "baseui";

export default function Example() {
  const [css] = useStyletron();
  return (
    <ul
      className={css({
        width: "375px",
        paddingLeft: 0,
        paddingRight: 0,
      })}
    >
      <ListItem>
        <ListItemLabel>Label One</ListItemLabel>
      </ListItem>
      <ListItem>
        <ListItemLabel>Label Two</ListItemLabel>
      </ListItem>
      <ListItem>
        <ListItemLabel description="description">Label Three</ListItemLabel>
      </ListItem>
      <ListItem>
        <ListItemLabel description="description">Label Four</ListItemLabel>
      </ListItem>
    </ul>
  );
}