import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
export function VoiceModeSwitch({ mode, tokens, disabled, onChange, }) {
    return (_jsx("div", { className: "flex gap-2", children: ["text", "voice"].map((item) => {
            const active = mode === item;
            return (_jsx("button", { type: "button", disabled: disabled, onClick: () => onChange(item), style: {
                    borderRadius: tokens.radius.actionButton,
                    background: active ? tokens.color.brandPrimary : tokens.color.surfaceInputFocus,
                    color: active ? tokens.color.actionSendTextOnPrimary : tokens.color.textSecondary,
                    padding: "6px 12px",
                    opacity: disabled ? 0.5 : 1,
                }, children: item === "text" ? "Text" : "Voice" }, item));
        }) }));
}
