kattoolbox/src/components/ToolLayout.tsx
2026-08-31 07:58:10 +05:30

22 lines
611 B
TypeScript

import AdSlot from "./AdSlot";
interface ToolLayoutProps {
title: string;
description: string;
children: React.ReactNode;
}
export default function ToolLayout({ title, description, children }: ToolLayoutProps) {
return (
<div className="mx-auto w-full max-w-4xl px-4 py-6">
<AdSlot slot="1234567890" format="horizontal" />
<h1 className="mb-1 text-lg font-semibold text-gray-900 dark:text-white">{title}</h1>
<p className="mb-4 text-sm text-gray-400">{description}</p>
{children}
<AdSlot slot="0987654321" format="horizontal" className="mt-6" />
</div>
);
}