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