"use client";

import { Users } from "lucide-react";

import { Card, CardContent } from "@/components/ui/card";

export function CustomerServiceEmptyState() {
  return (
    <Card className="rounded-xl border-dashed border-slate-200 bg-white shadow-sm">
      <CardContent className="flex flex-col items-center justify-center py-16 text-center text-slate-500">
        <Users className="mb-3 h-10 w-10 text-slate-300" />
        <p className="max-w-md text-sm">
          Ingresa RUT, nombre o ID y pulsa <strong>Buscar</strong>. Se consulta primero el servicio de
          clientes; con el ID numérico obtenido se cargan el contexto de reclamos, las ventas recientes y
          la lista de tickets.
        </p>
      </CardContent>
    </Card>
  );
}