import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_chakra_react_select__ from "chakra-react-select";
import * as __WEBPACK_EXTERNAL_MODULE_react_icons_md__ from "react-icons/md";
import * as __WEBPACK_EXTERNAL_MODULE__selectData_mjs__ from "./selectData.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__ from "./selectStyles.mjs";
import * as __WEBPACK_EXTERNAL_MODULE__selectUtilities_mjs__ from "./selectUtilities.mjs";
const Note = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        css: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.noteStyles,
        ...props
    });
const formatGroupLabel = (data)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.groupStyles
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.span, null, data.label), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.span, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.groupBadgeStyles
    }, data.options.length));
const CustomControlEmoji = ({ children, ...props })=>{
    // @ts-ignore
    const { emoji, onEmojiClick } = props.selectProps;
    const style = {
        cursor: 'pointer'
    };
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Control, props, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.span, {
        onMouseDown: onEmojiClick,
        style: style
    }, emoji), children);
};
/**
 *
 * @param props https://react-select.com/components#replaceable-components
 */ const CustomClearIndicator = (props)=>{
    const { children = 'clear all', getStyles, innerProps: { ref, ...restInnerProps } } = props;
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        ...restInnerProps,
        ref: ref,
        style: getStyles('clearIndicator', props)
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: {
            padding: '0px 5px'
        }
    }, children));
};
const ClearIndicatorStyles = (base, state)=>({
        ...base,
        cursor: 'pointer',
        color: state.isFocused ? 'blue' : 'black'
    });
const CustomControl = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.controlStyles
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, null, "Custom Control"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Control, props));
const CustomDropdownIndicator = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.DropdownIndicator, props, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Icon, {
        as: __WEBPACK_EXTERNAL_MODULE_react_icons_md__.MdCoffee,
        color: __WEBPACK_EXTERNAL_MODULE__selectData_mjs__.colourOptions["2"].color
    }));
const CustomGroup = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.customGroupStyles
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Group, props));
const CustomGroupHeading = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.groupHeadingStyles
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.GroupHeading, props), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Custom GroupHeading Component"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Icon, {
        as: __WEBPACK_EXTERNAL_MODULE_react_icons_md__.MdInfoOutline
    })));
const CustomIndicatorsContainer = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: {
            background: __WEBPACK_EXTERNAL_MODULE__selectData_mjs__.colourOptions["2"].color
        }
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.IndicatorsContainer, props));
const CustomIndicatorSeparator = ({ innerProps })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.chakra.span, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.indicatorSeparatorStyle,
        ...innerProps
    });
const CustomInput = (props)=>{
    if (props.isHidden) return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Input, props);
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        style: {
            border: `1px dotted ${__WEBPACK_EXTERNAL_MODULE__selectData_mjs__.colourOptions["2"].color}`
        }
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Custom Input"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Input, props)));
};
const CustomLoadingIndicator = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Custom Loader"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Spinner, null));
const CustomMenu = (props)=>{
    const optionsLength = (0, __WEBPACK_EXTERNAL_MODULE__selectUtilities_mjs__.getLength)(props.options);
    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.menuHeaderStyle
    }, "Custom Menu with ", optionsLength, " options"), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Menu, props, props.children));
};
const CustomMenuList = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.MenuList, props, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        style: __WEBPACK_EXTERNAL_MODULE__selectStyles_mjs__.menuHeaderStyle
    }, "Custom Menu List"), props.children);
const CustomLoadingMessage = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: 'Custom Loading Message'
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        ...props.innerProps,
        style: props.getStyles('loadingMessage', props)
    }, props.children));
const CustomNoOptionsMessage = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Custom NoOptionsMessage Component"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.NoOptionsMessage, props));
const CustomMultiValueContainer = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Customise your multi-value container!"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.MultiValueContainer, props));
const CustomMultiValueLabel = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Customise your multi-value label component!"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.MultiValueLabel, props));
const CustomMultiValueRemove = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Customise your multi-value remove component!"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.MultiValueRemove, props, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Icon, {
        as: __WEBPACK_EXTERNAL_MODULE_react_icons_md__.MdCoffee,
        color: __WEBPACK_EXTERNAL_MODULE__selectData_mjs__.colourOptions["2"].color
    })));
const CustomOption = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "Customise your option component!"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Option, props));
const CustomPlaceholder = (props)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.Placeholder, props);
const CustomSelectContainer = ({ children, ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Tooltip, {
        content: "customise your select container"
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.SelectContainer, props, children));
const CustomSingleValue = ({ children, ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.SingleValue, props, children);
const CustomValueContainer = ({ children, ...props })=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_chakra_react_select__.components.ValueContainer, props, children);
export { ClearIndicatorStyles, CustomClearIndicator, CustomControl, CustomControlEmoji, CustomDropdownIndicator, CustomGroup, CustomGroupHeading, CustomIndicatorSeparator, CustomIndicatorsContainer, CustomInput, CustomLoadingIndicator, CustomLoadingMessage, CustomMenu, CustomMenuList, CustomMultiValueContainer, CustomMultiValueLabel, CustomMultiValueRemove, CustomNoOptionsMessage, CustomOption, CustomPlaceholder, CustomSelectContainer, CustomSingleValue, CustomValueContainer, Note, formatGroupLabel };
