import React from 'react';
import { useParams } from 'react-router-dom';
import { ProjectPageShell } from '@/features/projects/components/ProjectPageShell';
import { ProjectSettingsPanel } from '@/features/projects/components/ProjectSettingsPanel';

const ProjectSettingsPage: React.FC = () => {
  const { id } = useParams<{ id: string }>();

  return (
    <ProjectPageShell projectId={id}>
      {({ project }) => <ProjectSettingsPanel project={project} />}
    </ProjectPageShell>
  );
};

export default ProjectSettingsPage;