import type { Metadata } from 'next';
import { ColorManipulation } from '@/components/color/ColorManipulation';
import { AppPage } from '@/components/layout/AppPage';
import { getToolByHref } from '@/lib/tools';

const tool = getToolByHref('/color')!;

export const metadata: Metadata = { title: tool.title };

export default function ColorPage() {
  return (
    <AppPage
      title={tool.title}
      description={tool.summary}
      icon={tool.icon}
    >
      <ColorManipulation />
    </AppPage>
  );
}