'use client';

import * as React from 'react';
import { useParams } from 'next/navigation';
import { SiteHeader } from '@/components/site-header';
import { UserEditForm } from '@/components/user/user-edit-form';

export default function UserDetailPage() {
	const params = useParams();
	const userId = params.userId as string;

	return (
		<div className="flex flex-1 flex-col">
			<SiteHeader
				pageInfo={{
					title: '用户详情',
					subtitle: '查看和管理用户信息'
				}}
			/>
			<div className="flex-1 p-6">
				<UserEditForm userId={userId} />
			</div>
		</div>
	);
}