import React, { useEffect, useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
const THEMES: string[] = ["돈", "사랑", "미래", "걱정"];
const generateTitle = (theme: string): string => {
const titles: Record = {
돈: [
"당신이 월 500만 원을 벌 수 있는 비밀",
"평범한 직장인이 하루 1시간으로 연봉 1억 만든 법",
],
사랑: [
"그 사람도 당신을 좋아하고 있었던 증거",
"당신이 몰랐던 사랑의 심리 트릭 5가지",
],
미래: [
"5년 후, 당신의 삶이 망할 수 있는 결정",
"AI 시대에 사라질 직업 Top 5",
],
걱정: [
"불안한 사람들의 공통적인 습관은?",
"이런 걱정은 이제 그만! 마음이 편해지는 3단계",
],
};
return titles[theme as keyof typeof titles][
Math.floor(Math.random() * titles[theme as keyof typeof titles].length)
];
};
const generateContent = (theme: string): string => {
return `당신도 '${theme}' 때문에 고민하고 있나요?
우리는 모두 한 번쯤 '${theme}'에 휘둘립니다.
하지만 이제는 달라질 수 있어요.
👇 아래 내용을 끝까지 읽으면,
당신의 '${theme}'에 대한 생각이 완전히 달라질 것입니다.`;
};
export default function Blogger(): JSX.Element {
const [theme, setTheme] = useState("");
const [title, setTitle] = useState("");
const [content, setContent] = useState("");
const [showAd, setShowAd] = useState(false);
useEffect(() => {
const script = document.createElement("script");
script.src =
"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9927759995615740";
script.async = true;
script.crossOrigin = "anonymous";
document.head.appendChild(script);
}, []);
const handleGenerate = (t: string): void => {
setTheme(t);
setTitle(generateTitle(t));
setContent(generateContent(t));
setShowAd(true);
};
const currentUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "";
const shareText = encodeURIComponent(`${title}\n\n${content}`);
const shareUrl = encodeURIComponent(currentUrl);
return (
);
}
