export default function LeasedHomeTile() {
  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 = "/leased-home";
      }}
    >
      <span class="tile-icon text-4xl mb-2">🏠</span>
      <span class="font-semibold text-lg mb-1">Leased Home</span>
      <span class="text-gray-500 text-sm text-center">
        View and manage your leased properties.
      </span>
    </button>
  );
}