import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
export function InputSurface({ tokens, status, children, styleOverride, }) {
    const background = status === "recording"
        ? tokens.color.surfaceInputRecording
        : status === "error"
            ? tokens.color.surfaceInputError
            : tokens.color.surfaceInputDefault;
    const borderColor = status === "error"
        ? tokens.color.borderError
        : status === "recording"
            ? tokens.color.borderFocus
            : tokens.color.borderDefault;
    return (_jsx("div", { style: {
            background,
            borderWidth: 1,
            borderStyle: "solid",
            borderColor,
            borderRadius: tokens.radius.inputSurface,
            boxShadow: status === "recording"
                ? tokens.shadow.recordingActive
                : tokens.shadow.inputElevated,
            padding: tokens.spacing.inputOuter,
            ...styleOverride,
        }, className: "w-full", children: children }));
}
