import { Filter } from "lucide-react";
import Card from "./Card";
import styles from "./FiltresCard.module.css";

interface FiltresCardProps {
  children: React.ReactNode;
  actions?: React.ReactNode;
}

/** Card standard pour regrouper les filtres au-dessus d'une DataTable (liste admin). */
export default function FiltresCard({ children, actions }: FiltresCardProps) {
  return (
    <Card title="Filtres" icon={Filter} actions={actions} className={styles.card}>
      <div className={styles.grille}>{children}</div>
    </Card>
  );
}