"use client";

import { SearchX } from "lucide-react";

import styles from "./no-result.module.scss";

interface NoResultsProps {
  title: string;
  description?: string;
  action?: React.ReactNode;
}

const NoResults = ({
  title,
  description,
  action,
}: NoResultsProps) => {
  return (
    <div className={styles.empty}>
      <div className={styles.badge}>
        <SearchX size={15} />
      </div>

      <h3>{title}</h3>

      {description && (
        <p>{description}</p>
      )}

      {action && (
        <div className={styles.action}>
          {action}
        </div>
      )}
    </div>
  );
};

export default NoResults;