"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledSuffix = exports.StyledPrefix = exports.StyledLabel = exports.StyledInputContainer = exports.StyledWrapper = exports.StyledInput = void 0;
const theme_1 = require("../../../theme");
const Input_css_1 = require("./Input.css");
const StyledInput = (0, theme_1.styled)("input", Input_css_1.input);
exports.StyledInput = StyledInput;
const StyledWrapper = (0, theme_1.styled)("div", Input_css_1.wrapper);
exports.StyledWrapper = StyledWrapper;
const StyledInputContainer = (0, theme_1.styled)("div", Input_css_1.inputContainer);
exports.StyledInputContainer = StyledInputContainer;
const StyledLabel = (0, theme_1.styled)("label", Input_css_1.label);
exports.StyledLabel = StyledLabel;
const StyledPrefix = (0, theme_1.styled)("div", {
    marginRight: (0, theme_1.dimensionsPxToRem)(36),
    display: "flex",
    color: "$text",
});
exports.StyledPrefix = StyledPrefix;
const StyledSuffix = (0, theme_1.styled)("div", {
    marginLeft: (0, theme_1.dimensionsPxToRem)(36),
    display: "flex",
    color: "$text",
});
exports.StyledSuffix = StyledSuffix;
//# sourceMappingURL=Input.styled.js.map