/* eslint-disable @typescript-eslint/no-explicit-any */
import { Link } from "@inertiajs/react"
import styles from "./no-data.module.scss"

interface NoDataProps {
  title: any;
  description: any;
  path: any;
  label: any;
}

const NoData = ({ title, description, path, label }: NoDataProps) => {
  return (
    <div className={ styles["no-data"] }>
        <div>
            <h1>{ title }</h1>
            <p>{ description }</p>
            <Link href={`/${path}`}>{ label }</Link>
        </div>
    </div>
  )
}

export default NoData