import { NavigationItemGroup } from '@components/admin/NavigationItemGroup';
import { HomeIcon } from 'lucide-react';
import PropTypes from 'prop-types';
import React from 'react';

export default function QuickLinks({ dashboard }) {
  return (
    <NavigationItemGroup
      id="quickLinks"
      name="Quick links"
      items={[
        {
          Icon: HomeIcon,
          url: dashboard,
          title: 'Dashboard'
        }
      ]}
    />
  );
}

QuickLinks.propTypes = {
  dashboard: PropTypes.string.isRequired
};

export const layout = {
  areaId: 'adminMenu',
  sortOrder: 10
};

export const query = `
  query Query {
    dashboard: url(routeId: "dashboard")
  }
`;