36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import Image from "next/image";
|
|
import { ExportText } from "@/components/i18n/text";
|
|
|
|
export function GuideExportBranding({
|
|
backgroundUrl,
|
|
variant = "standard",
|
|
}: {
|
|
backgroundUrl: string;
|
|
variant?: "standard" | "constellation";
|
|
}) {
|
|
const constellation = variant === "constellation";
|
|
|
|
return (
|
|
<>
|
|
<Image
|
|
src={backgroundUrl}
|
|
alt=""
|
|
fill
|
|
loading="eager"
|
|
sizes={constellation ? "1500px" : "1200px"}
|
|
className="object-cover"
|
|
/>
|
|
<div className="absolute inset-0 bg-[#050817]/65" />
|
|
<div
|
|
className={
|
|
constellation
|
|
? "guide-export-watermark absolute right-4 bottom-4 z-30 whitespace-nowrap text-xl font-semibold text-white/80 drop-shadow-[0_4px_3px_rgba(0,0,0,0.8)]"
|
|
: "guide-export-watermark absolute top-4 right-4 z-30 whitespace-nowrap text-base font-semibold text-white/80 drop-shadow-[0_4px_3px_rgba(0,0,0,0.8)]"
|
|
}
|
|
>
|
|
<ExportText message="watermark" />
|
|
</div>
|
|
</>
|
|
);
|
|
}
|