import { Icon } from '@iconify/react'
import React from 'react'
import {Link} from "@inertiajs/react";

export default function SideMenuWidget({title, data}) {
  return (
    <>
      <h4 className="cs-sidebar_widget_title">{title}</h4>
      <ul className='cs-side_menu_widget'>
        {data?.map((item, index)=> (
          <li key={index}>
            <Icon icon="material-symbols:keyboard-double-arrow-right-rounded" />
            <Link href={item.url} key={index}>{item.title}</Link>
          </li>
        ))}
      </ul>
    </>
  )
}