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

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

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

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