46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import { Calendar as CalendarIcon } from 'lucide-react'
|
|
|
|
export function CalendarView() {
|
|
return (
|
|
<div>
|
|
<header className="flex items-center justify-between mb-6">
|
|
<h2 className="text-2xl font-bold flex items-center gap-2">
|
|
<CalendarIcon className="w-6 h-6" />
|
|
Kalender
|
|
</h2>
|
|
</header>
|
|
|
|
<div className="space-y-4">
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h3 className="font-medium text-lg mb-4">Kommende events</h3>
|
|
<div className="space-y-4">
|
|
<div className="flex items-start gap-4 p-4 bg-primary-50 rounded-lg">
|
|
<div className="flex-1">
|
|
<p className="font-medium">Fredag d. 15. november</p>
|
|
<p className="text-primary-600">Klassisk 3-retters • 45 kuverter</p>
|
|
<p className="text-sm text-primary-500">Anders Andersen • København K</p>
|
|
</div>
|
|
<div>
|
|
<span className="px-2 py-1 text-sm bg-yellow-100 text-yellow-800 rounded-full">
|
|
Afventer
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white rounded-lg shadow p-6">
|
|
<h3 className="font-medium text-lg mb-4">Blackout perioder</h3>
|
|
<div className="space-y-2">
|
|
<p className="text-primary-600">
|
|
<strong>Jul:</strong> 24-26. december 2025
|
|
</p>
|
|
<p className="text-primary-600">
|
|
<strong>Nytår:</strong> 31. december 2025
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |