export function EditableLeadStatusBadge({
    status,
    leadId,
}: EditableLeadStatusBadgeProps) {
    const updateStatus = async (clicked: Lead['status']) => {
        'use server';
        await db
            .update(leads)
            .set({ status: clicked })
            .where(eq(leads.id, leadId));
    };

    return (
                    <ServerSelect
                        value={status}
                        onValueChange={async (clicked) => {
                            await updateStatus(clicked as Lead['status']);
                        }}
                        successMessage='Status updated successfully'
                        errorMessage='Failed to update status'
                    >
                        ...
                    </ServerSelect>
    );
}

<ServerInput
    label='City'
    defaultValue={site.city}
    onSave={async (city) => {
        'use server';
        ...
    }}
    placeholder='City'
/>