import React from "react";
import { components } from "react-select";
export function getStyles(theme) {
    const isLight = theme.colors.type === "light";
    return provided => ({
        ...provided,
        display: "flex",
        flexDirection: "column",
        gap: theme.space[2],
        padding: theme.space[3],
        border: `1px solid ${theme.colors.neutral[isLight ? "c20" : "c30"]}`,
        borderRadius: "8px",
        boxShadow: `0px 6px 12px rgba(0, 0, 0, ${isLight ? 0.04 : 0.08})`,
        background: theme.colors.neutral[isLight ? "c00" : "c20"],
        color: theme.colors.neutral.c80,
    });
}
export function MenuList(props) {
    return React.createElement(components.MenuList, { ...props }, props.children);
}
//# sourceMappingURL=MenuList.js.map