"use client";

import { cn } from "@/utils/cn";
import { VideoOff } from "lucide-react";
import { useTranslation } from "@/i18n";

interface EmptyStateProps {
  message?: string;
  className?: string;
}

export function EmptyState({
  message,
  className,
}: EmptyStateProps) {
  const { t } = useTranslation();
  return (
    <div
      className={cn(
        "flex flex-col items-center justify-center py-12 gap-3",
        className,
      )}
    >
      <VideoOff className="w-10 h-10" style={{ color: "var(--text-muted)" }} />
      <span className="text-sm" style={{ color: "var(--text-muted)" }}>
        {message ?? t("state_empty")}
      </span>
    </div>
  );
}