import { CalloutForm } from "./CalloutForm";

export const metadata = { title: "Генератор callout-CSS — Obsidian Toolbox" };

export default function CalloutToolPage() {
  return (
    <main className="mx-auto w-full max-w-5xl px-6 py-8">
      <h1 className="text-2xl font-bold tracking-wide" style={{ color: "var(--foreground)" }}>Генератор callout-CSS</h1>
      <p className="mt-1 text-sm" style={{ color: "var(--muted-foreground)" }}>Кастомные коллауты Obsidian: тип, заголовок, цвет, иконка.</p>
      <div className="mt-6 card-aubade p-4">
        <CalloutForm />
      </div>
    </main>
  );
}