"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import "./select.css";
import * as __rspack_external_react from "react";
function Select({ children, label, className, ...other }) {
    const generatedId = __rspack_external_react.useId();
    const id = other.id ?? generatedId;
    return /*#__PURE__*/ jsxs("div", {
        className: "Input__wrapper",
        children: [
            /*#__PURE__*/ jsx("label", {
                htmlFor: id,
                style: {
                    marginTop: '-1em'
                },
                className: "Input__label",
                children: label
            }),
            /*#__PURE__*/ jsx("select", {
                ...other,
                id: id,
                className: className ?? 'select',
                children: children
            })
        ]
    });
}
export default Select;
