import React from "react";
import { components } from "react-select";
import { InputContainer } from "../BaseInput";
export function getStyles(theme) {
    return provided => (Object.assign(Object.assign({}, provided), { display: "flex", alignItems: "center", width: "100%", border: 0, padding: `0px ${theme.space[7]}px`, boxShadow: "none", borderRadius: "inherit", background: "transparent" }));
}
export function Control(props) {
    const { isFocused, selectProps, children } = props;
    const { isDisabled, error, renderLeft } = selectProps;
    return (React.createElement(InputContainer, { disabled: isDisabled, error: error, focus: isFocused },
        React.createElement(components.Control, Object.assign({}, props),
            renderLeft ? renderLeft(props) : null,
            children)));
}
//# sourceMappingURL=Control.js.map