import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { forwardRef } from 'react';
import { Value } from '../../node_modules/.pnpm/@radix-ui_react-select@2.1.1_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-select/dist/index.js';
import styles from './select.module.css.js';
import { useSelectContext } from './select-root.js';
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';

const SelectValue = forwardRef(({ children, ...props }, ref) => {
    const { value } = useSelectContext();
    const leadingIcon = value?.icon;
    return (jsxRuntimeExports.jsxs("div", { className: cx(styles.valueContent), children: [leadingIcon && jsxRuntimeExports.jsx("div", { className: styles.leadingIcon, children: leadingIcon }), jsxRuntimeExports.jsx(Value, { ref: ref, ...props, children: children })] }));
});
SelectValue.displayName = Value.displayName;

export { SelectValue };
//# sourceMappingURL=select-value.js.map
