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

interface TodoProps {
  path: any;
  label: any;
  icon: any;
}

const Todo = ({ path, label, icon }: TodoProps) => {
  return (
    <Link href={`/dashboard/${path}`} className={styles['todo']}>
      <span>
        {' '}
        <div className={styles['todo__icon']}>{icon}</div>
        {label}
      </span>
    </Link>
  )
}

export default Todo