"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
var React = require('react');
var select = require('../select/select.cjs');
var codeBlockRoot = require('./code-block-root.cjs');
var codeBlock_module = require('./code-block.module.css.cjs');

const CodeBlockLanguageSelect = (props) => {
    const { value, setValue } = codeBlockRoot.useCodeBlockContext();
    const handleValueChange = (value) => {
        setValue(value);
    };
    return jsxRuntime.jsx(select.Select, { onValueChange: handleValueChange, value: value, ...props });
};
CodeBlockLanguageSelect.displayName = 'CodeBlockLanguageSelect';
const CodeBlockLanguageSelectTrigger = React.forwardRef(({ className, ...props }, ref) => {
    return (jsxRuntime.jsx(select.Select.Trigger, { ref: ref, className: index.cx(codeBlock_module.default.languageSelectTrigger, className), size: 'small', variant: 'text', ...props, children: jsxRuntime.jsx(select.Select.Value, {}) }));
});
CodeBlockLanguageSelectTrigger.displayName = 'CodeBlockLanguageSelectTrigger';

exports.CodeBlockLanguageSelect = CodeBlockLanguageSelect;
exports.CodeBlockLanguageSelectTrigger = CodeBlockLanguageSelectTrigger;
//# sourceMappingURL=code-block-language-select.cjs.map
