'use strict';

var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
var React = require('react');
var index$1 = require('../../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.cjs');
var select_module = require('./select.module.css.cjs');
var selectRoot = require('./select-root.cjs');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');

const SelectValue = React.forwardRef(({ children, ...props }, ref) => {
    const { value } = selectRoot.useSelectContext();
    const leadingIcon = value?.icon;
    return (jsxRuntime.jsxRuntimeExports.jsxs("div", { className: index.cx(select_module.default.valueContent), children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("div", { className: select_module.default.leadingIcon, children: leadingIcon }), jsxRuntime.jsxRuntimeExports.jsx(index$1.Value, { ref: ref, ...props, children: children })] }));
});
SelectValue.displayName = index$1.Value.displayName;

exports.SelectValue = SelectValue;
//# sourceMappingURL=select-value.cjs.map
