import { cardClasses } from "@/components/ui/styles";
import { cn } from "@/lib/utils";

export function AdminAnalyticsEmptyState() {
  return (
    <div className={cn("flex flex-col items-center justify-center gap-3 px-6 py-20 text-center", cardClasses())}>
      <svg
        width="40"
        height="40"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
        aria-hidden="true"
        className="text-kolabora-neutral-dark/30"
      >
        <path d="M3 3v18h18" />
        <path d="M7 15l4-6 3 4 5-8" />
      </svg>
      <p className="font-medium text-kolabora-neutral-dark">No transactions in this period yet</p>
      <p className="max-w-sm text-sm text-kolabora-neutral-dark/60">
        Analytics will appear once the first ticket sells.
      </p>
    </div>
  );
}