{/* Header */}

Create Slider

Add a new slider with image and description.

{/* Form */}

Slider Details

{({ errors }) => ( <> {/* Name and Image in one row */}

Slider Name {errors.title && (

{errors.title}

)}

Image

{/* Description */}

Description

{errors.description && (
                                                <p className="text-sm text-red-500">
                                                    {errors.description}
                                                </p>
                                            )}
                                        </div>

{/* Buttons */}
                                        <div className="flex gap-2 pt-4">
                                            <Button type="submit">Save</Button>
                                            <Button type="button" variant="outline" onClick={handleCancel}>
                                                Cancel
                                            </Button>
                                        </div>
                                    </>
                                )}
                            </Form>
                        </CardContent>
                    </Card>
                </div>
            </div>
        </AppLayout>
    )
}