import type { Metadata } from 'next';
import React from 'react';
export const dynamic = 'force-dynamic';
import BackButton from "@/components/common-ui/BackButton";
import {createUser} from "@/actions/user-api/user-api";
import UserCreateForm from "@/components/users/UserCreateForm";
export const metadata ={
    title: "Paintings|Create users",
    description: "Create users",
}
async function Page() {
    async function submit(formData: any) {
        'use server'
        return await createUser(formData);
    }
    return (
        <div className="p-6 ">
            <div className='bg-color p-3 rounded-md shadow-md'>
                <div className='flex items-center justify-between p-2'>
                    <BackButton/>
                    <h1 className="text-lg font-semibold text-color">Add Admin User Form</h1>
                </div>
                <UserCreateForm submit={submit} />
            </div>
        </div>
    );
}

export default Page;