"use client";
import { useState } from "react";
function ShareBtn({
title,
onClick,
href,
active,
children,
}: {
title: string;
onClick?: () => void;
href?: string;
active?: boolean;
children: React.ReactNode;
}) {
if (href) {
return (
{children}
);
}
return (
);
}
function useShare() {
const [copied, setCopied] = useState(false);
const getUrl = () => typeof window !== "undefined" ? encodeURIComponent(location.href) : "";
const getTitle = () => typeof window !== "undefined" ? encodeURIComponent(document.title) : "";
const copy = () => {
try { navigator.clipboard.writeText(location.href); } catch {}
setCopied(true);
setTimeout(() => setCopied(false), 1600);
};
return { copied, copy, getUrl, getTitle };
}
export function BlogShareRail() {
const { copied, copy, getUrl, getTitle } = useShare();
return (
Share
{copied ? (
) : (
)}
);
}
export function BlogShareRailMobile() {
const { copied, copy, getUrl, getTitle } = useShare();
return (
);
}