integratedhub/islands/tiles/FinancialCalendarTile.tsx
2026-01-20 09:02:26 -06:00

20 lines
746 B
TypeScript

export default function FinancialCalendarTile() {
return (
<button
type="button"
class="rounded-xl shadow-lg bg-white hover:bg-blue-50 transition flex flex-col items-center p-6 w-full h-48 focus:outline-none focus:ring-2 focus:ring-blue-400"
onClick={() => {
globalThis.location.href = `/calendar/financial-calendar/${
new Date().getFullYear()
}/${(new Date().getMonth() + 1).toString().padStart(2, "0")}?`;
}}
>
<span class="tile-icon text-4xl mb-2">📅</span>
<span class="font-semibold text-lg mb-1">Financial Calendar</span>
<span class="text-gray-500 text-sm text-center">
View upcoming financial events and deadlines.
</span>
</button>
);
}