import ListItem from "../ListItem"
import { UsefulLink } from "./UsefulLink"

export function UsefulLinksList() {
  return (
    <ul className="list-none m-0 p-0 flex flex-col">
      <ListItem label="CSS-Tricks" url="" />
      <ListItem label="Indie Hackers" url="" />
      <ListItem label="W3Schools" url="" />
      <ListItem label="Simple Icons" url="https://simpleicons.org" />
      <ListItem label="Hero Icons" url="https://heroicons.com" />
      <ListItem label="Tailwind Cheatsheet" url="https://nerdcave.com/tailwind-cheat-sheet" />
      <ListItem label="Tailwind Elements" url="https://tw-elements.com" />
      <ListItem label="Tailwind Components" url="https://tailwindcomponents.com" />
    </ul>
  )
}