import Link from "next/link";
import type { ReactNode } from "react";
type HomeElementProps = {
title: string;
description: string;
href: string;
actionLabel: string;
variant: "jellyfin" | "minecraft";
external?: boolean;
children: ReactNode;
};
export default function HomeElement({
title,
description,
href,
actionLabel,
variant,
external = false,
children,
}: HomeElementProps) {
const content = (
<>
{children}
{title}
{description}
{actionLabel}
);
const className = `service-card service-card--${variant}`;
if (external) {
return (
{content}
);
}
return (
{content}
);
}
export function JellyfinIcon() {
return (
);
}
export function MinecraftIcon() {
return (
);
}
function ArrowIcon() {
return (
);
}