import dayjs from "dayjs";
import "dayjs/locale/ja";

dayjs.locale("ja");

export default function DayjsExample() {
	const now = dayjs();

	return (
		<div className="rounded-lg border border-base-300 p-6 space-y-2 font-mono text-sm">
			<div>
				<span className="text-base-content/50">標準表示：</span>
				<span>{now.format("YYYY-MM-DD HH:mm:ss")}</span>
			</div>
			<div>
				<span className="text-base-content/50">日本語表示：</span>
				<span>{now.format("YYYY年MM月DD日（ddd）HH時mm分")}</span>
			</div>
			<div>
				<span className="text-base-content/50">7日後：</span>
				<span>{now.add(7, "day").format("YYYY年MM月DD日")}</span>
			</div>
			<div>
				<span className="text-base-content/50">先月の初日：</span>
				<span>{now.subtract(1, "month").startOf("month").format("YYYY年MM月DD日")}</span>
			</div>
		</div>
	);
}