import styled from "@emotion/styled";
import { component, mergeConfig } from "../../../../engines";
import { spinnerConfig } from "../../../Spinner";
import { tokens } from "../../NumberInput.tokens";
const mergedConfig = mergeConfig(spinnerConfig);
const Spinner = component(mergedConfig);
export const InputWrapper = /*#__PURE__*/ styled("div", {
    target: "er766zx0",
    label: "InputWrapper"
})("overflow-x:auto;overflow-y:hidden;flex:1;cursor:", ({ isManualInput })=>isManualInput ? 'text' : 'default', ";::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;");
export const TextWrapper = /*#__PURE__*/ styled("div", {
    target: "er766zx1",
    label: "TextWrapper"
})("display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;box-sizing:border-box;");
export const AdditionalText = /*#__PURE__*/ styled("span", {
    target: "er766zx2",
    label: "AdditionalText"
})();
export const Loader = /*#__PURE__*/ styled("div", {
    target: "er766zx3",
    label: "Loader"
})();
export const StyledSpinner = /*#__PURE__*/ styled(Spinner, {
    target: "er766zx4",
    label: "StyledSpinner"
})();
export const DynamicInput = /*#__PURE__*/ styled("div", {
    target: "er766zx5",
    label: "DynamicInput"
})("position:relative;");
export const Input = /*#__PURE__*/ styled("input", {
    target: "er766zx6",
    label: "Input"
})("box-sizing:border-box;appearance:none;border:0;padding:0;background-color:transparent;outline:none;font:inherit;text-align:center;width:", ({ dynamicWidth })=>dynamicWidth, ";cursor:", ({ isManualInput })=>isManualInput ? 'text' : 'default', ";pointer-events:", ({ isManualInput })=>isManualInput ? 'initial' : 'none', ";caret-color:", ({ isManualInput })=>isManualInput ? `var(${tokens.caretColor})` : 'transparent', ";transition:width 0.1s;");
export const InputWidthHelper = /*#__PURE__*/ styled("span", {
    target: "er766zx7",
    label: "InputWidthHelper"
})("position:absolute;z-index:-999;visibility:hidden;top:0;left:0;opacity:0;height:0;white-space:pre;");
