/**
 * Splash 主内容文案
 */

const APOSTROPHE = "'";

export function SplashContent({ characterName }: { characterName: string }) {
  return (
    <div className="z-2 flex flex-col gap-md">
      <h1 className="m-0 whitespace-pre-line text-left font-(family-name:--font-athelas) text-[clamp(28px,7.8vw,30px)] font-bold italic leading-[1.28] text-white">
        Welcome to {characterName}{APOSTROPHE}s secret hideout~
        {"\n"}It{APOSTROPHE}s just the two of us now.
        {"\n"}Feel free to whisper your
        {"\n"}little secrets.
      </h1>
    </div>
  );
}