"use client";

import { Inbox } from "lucide-react";

export default function Empty({
  title = "چیزی پیدا نشد",
  hint,
}: {
  title?: string;
  hint?: string;
}) {
  return (
    <div className="card flex flex-col items-center justify-center gap-3 py-14 text-center">
      <div className="w-14 h-14 rounded-2xl grid place-items-center bg-[rgba(255,255,255,.05)]">
        <Inbox size={26} className="text-[#5a7aa8]" />
      </div>
      <div className="font-bold text-[#a9c2e4]">{title}</div>
      {hint && <div className="text-xs text-[#6f90bd]">{hint}</div>}
    </div>
  );
}