import Link from 'next/link';
import styles from '@/app/ui/home.module.css';
import { lusitana } from './ui/fonts';
import Image from 'next/image';

import {
  Cog8ToothIcon
} from '@heroicons/react/24/outline';

export default function Page() {
  return (
    <main className="flex min-h-screen flex-col p-6 bg-base-300">

        <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
          <div className="card-body">
            <h2 className="card-title">2023-05 Budakova <Cog8ToothIcon className="h-[1em] w-[1em] absolute right-4 cursor-pointer" /></h2>
            <div className="card-actions">
              <div className="badge badge-lg badge-success cursor-pointer">GDKG</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">HEP Elektra</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Iskon</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Plinara</div>
            </div>
          </div>
        </div>

        <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
          <div className="card-body">
            <h2 className="card-title">2023-05 Kopernikova <Cog8ToothIcon className="h-[1em] w-[1em] absolute right-4 cursor-pointer" /></h2>
            <div className="card-actions">
              <div className="badge badge-lg badge-success cursor-pointer">GDKG</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">HEP Elektra</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Iskon</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Plinara</div>
            </div>
          </div>
        </div>

        <div className="card card-compact card-bordered max-w-[36em] bg-base-100 shadow-s my-1">
          <div className="card-body">
            <h2 className="card-title">2023-05 Šišićeva <Cog8ToothIcon className="h-[1em] w-[1em] absolute right-4 cursor-pointer" /></h2>
            <div className="card-actions">
              <div className="badge badge-lg badge-success cursor-pointer">GDKG</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">HEP Elektra</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Iskon</div>
              <div className="badge badge-lg badge-neutral cursor-pointer">Plinara</div>
            </div>
          </div>
        </div>
    </main>
  );
}