import { jsx as _jsx, jsxs as _jsxs } from "@stencil/core/jsx-runtime";
import { Host } from "@stencil/core";
import { useId } from "../utils";
export class Fieldset {
    host;
    // private shadowElement?: HTMLElement;
    // MARK: Props
    hint;
    legend;
    // MARK: Render
    render() {
        const { legend } = this;
        const fieldsetId = useId('fieldset');
        return (_jsx(Host, { part: "root", children: _jsxs("fieldset", { class: "dds-fieldset", id: fieldsetId, part: "fieldset", children: [legend && _jsx("legend", { class: "dds-fieldset__legend", children: legend }, '22ef896bf4103bcf1e79def43984b63237358bd0'), _jsx("slot", {}, 'a0f18960872ba169c86fe1fa954fcbbbc036e33e')] }, '8dcc9e1058738315500bfa35457eda007e4fe697') }, 'aa444fbf946b872dcc564f9954fc55d08dc8b710'));
    }
    static get is() { return "dds-fieldset"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["fieldset.css"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["fieldset.css"]
        };
    }
    static get properties() {
        return {
            "hint": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": true,
                "attribute": "hint"
            },
            "legend": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": true,
                "attribute": "legend"
            }
        };
    }
    static get elementRef() { return "host"; }
}
