import React from "react";
import { components } from "react-select";
import { useTheme } from "styled-components";
import Text from "../../asorted/Text";
import { ChevronBottomMedium, ChevronTopMedium } from "@ledgerhq/icons-ui/reactLegacy";
export function getStyles() {
    return provided => (Object.assign(Object.assign({}, provided), { padding: 0 }));
}
export function DropdownIndicator(props) {
    const theme = useTheme();
    const { isDisabled } = props.selectProps;
    const ChevronIcon = props.selectProps.menuIsOpen ? ChevronTopMedium : ChevronBottomMedium;
    const color = isDisabled ? theme.colors.neutral.c60 : theme.colors.neutral.c100;
    return (React.createElement(components.DropdownIndicator, Object.assign({}, props),
        React.createElement(Text, { as: "div", color: color, style: { display: "flex" } },
            React.createElement(ChevronIcon, { size: 12 }))));
}
//# sourceMappingURL=DropdownIndicator.js.map