import ButtonSecondary from "../buttons/ButtonSecondary";
import IconEmptyResults from "~/components/ui/icons/IconEmptyResults";
import clsx from "clsx";
import { cn } from "~/lib/utils";

export default function EmptyStateSimple({ children, className }: { children: React.ReactNode; className?: string }) {
  return (
    // Subframe EmptyState layout: centered, px-4 py-8, body-default typo
    <div className={cn("border-border-default bg-surface-neutral-primary w-full rounded-md border-2 border-dashed px-4 py-8 text-center", className)}>
      {/* <IconEmptyResults className="mx-auto w-10" /> */}
      <div className="text-text-neutral-secondary text-body-default-regular-150 font-body-default-regular-150">{children}</div>
    </div>
  );
}