import { Head } from '@inertiajs/react';
import { ProductForm } from '@/components/crm/product-form';
import type {
    ProductDetail,
    ProductFormOptions,
    WarehouseAbilities,
} from '@/types';

export default function ProductsEdit({
    product,
    options,
    can,
}: {
    product: ProductDetail;
    options: ProductFormOptions;
    can: WarehouseAbilities;
}) {
    return (
        <>
            <Head title={`Edit ${product.sku}`} />
            <ProductForm
                product={product}
                options={options}
                can={can}
                mode="edit"
            />
        </>
    );
}
