EmptyState

Generic empty-state placeholder for empty cart / wishlist / filters.

components/empty-state.tsxPeer deps: lucide-react

Live preview

Your cart is empty

Add some pieces from the shop to get started.

Usage

import { EmptyState } from "@/components/empty-state";
import { ShoppingCart } from "lucide-react";

<EmptyState
  icon={ShoppingCart}
  headline="Your cart is empty"
  body="Add some pieces to get started."
  cta={{ label: "Browse", href: "/products" }}
/>