Empty State

import { EmptyState } from "@/components/ui/empty-state";

const ChartBarPeak = () => (
  <svg
    height="16"
    strokeLinejoin="round"
    viewBox="0 0 16 16"
    width="16"
    className="w-8 h-8"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14 1V1.75V14.25V15H12.5V14.25V1.75V1H14ZM8.75 6V6.75V14.25V15H7.25V14.25V6.75V6H8.75ZM3.5 10.75V10H2V10.75V14.25V15H3.5V14.25V10.75Z"
    />
  </svg>
);

export default function DefaultDemo() {
  return (
    <div className="w-3/4">
      <EmptyState.Root
          description="A message conveying the state of the product."
          icon={<EmptyState.Icon icon={<ChartBarPeak />} />}
          title="Title"
        />
    </div>
  )
}