import Header from '../components/header'

export default function Prices() {
  return (
    <>
      <Header />
      <main className="main text-gray-900">
        <h1 className="mb-3 text-xl font-extrabold">Preise</h1>
        <table className="divide-y divide-gray-200">
          <thead className="bg-gray-50">
            <tr>
              <th
                scope="col"
                className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
              >
                Gefahrene Kilomenter
              </th>
              <th
                scope="col"
                className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
              >
                Kosten
              </th>
              <th
                scope="col"
                className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
              >
                Bemerkungen
              </th>
            </tr>
          </thead>
          <tbody className="bg-white divide-y divide-gray-200">
            <tr>
              <td className="px-6 py-4 whitespace-nowrap">bis 200 km</td>
              <td className="px-6 py-4 whitespace-nowrap">0,42 Euro / km</td>
              <td className="px-6 py-4 whitespace-nowrap">inklusive Sprit</td>
            </tr>
            <tr>
              <td className="px-6 py-4 whitespace-nowrap">201-1000 km</td>
              <td className="px-6 py-4 whitespace-nowrap">0,25 Euro / km</td>
              <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
            </tr>
            <tr>
              <td className="px-6 py-4 whitespace-nowrap">1001-2000 km</td>
              <td className="px-6 py-4 whitespace-nowrap">0,20 Euro / km</td>
              <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
            </tr>
            <tr>
              <td className="px-6 py-4 whitespace-nowrap">ab 2001 km</td>
              <td className="px-6 py-4 whitespace-nowrap">0,18 Euro / km</td>
              <td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
            </tr>
          </tbody>
        </table>
      </main>
    </>
  )
}
