34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import type { AccessMode } from "@/lib/types";
|
|
|
|
interface AccessSettingsEditorProps {
|
|
accessMode: AccessMode;
|
|
accessPassword: string;
|
|
onAccessModeChange: (mode: AccessMode) => void;
|
|
onAccessPasswordChange: (pw: string) => void;
|
|
label?: string;
|
|
passwordLabel?: string;
|
|
passwordHint?: string;
|
|
}
|
|
|
|
export function AccessSettingsEditor({
|
|
accessMode,
|
|
onAccessModeChange,
|
|
label = "Access",
|
|
}: AccessSettingsEditorProps) {
|
|
return (
|
|
<div className="space-y-2">
|
|
<div className="space-y-1.5">
|
|
<label className="block text-xs font-medium text-zinc-400">{label}</label>
|
|
<select
|
|
value={accessMode}
|
|
onChange={(e) => onAccessModeChange(e.target.value as AccessMode)}
|
|
className="w-full rounded-md border border-zinc-700 bg-zinc-800 px-3 py-2 text-sm text-zinc-100 focus:border-zinc-500 focus:outline-none"
|
|
>
|
|
<option value="public">Public</option>
|
|
<option value="private">Private</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|