/**
 * Checkbox Options component
 * For configuring checkbox checked/unchecked labels
 */
'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function CheckboxOptions({ config, on_config_change, }) {
    return (_jsxs("div", { className: "cls_checkbox_options space-y-3", children: [_jsx("label", { className: "text-sm font-medium leading-none", children: "Checkbox Labels (optional)" }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "When checked" }), _jsx("input", { type: "text", value: config.checked_label || '', onChange: e => on_config_change({
                                    ...config,
                                    checked_label: e.target.value || undefined,
                                }), placeholder: "Yes", className: "h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("label", { className: "text-xs text-muted-foreground", children: "When unchecked" }), _jsx("input", { type: "text", value: config.unchecked_label || '', onChange: e => on_config_change({
                                    ...config,
                                    unchecked_label: e.target.value || undefined,
                                }), placeholder: "No", className: "h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2" })] })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "These labels will be shown in the form summary based on the checkbox state." })] }));
}
//# sourceMappingURL=checkbox_options.js.map