import { r as registerInstance, g as getElement, j as jsx, H as Host } from './index-C7YNCRgy.js';

const sectionCss = () => ``;

const Section = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    get host() { return getElement(this); }
    // MARK: Props
    gap = "m";
    direction = "horizontal";
    // MARK: Lifecycle
    // componentDidLoad() {
    //   adoptSharedStyles(this.el);
    // }
    // MARK: Render
    render() {
        const { gap } = this;
        return (jsx(Host, { gap: gap, part: "root", children: jsx("div", { class: "dds-section", children: jsx("slot", {}, 'cf17d370660ae8792724cec5a5f48a4043b4c6f7') }, '3678aeda1f069ac739008f6ce3d30e6e13a7d84f') }, '7c918f5be6a31c2a5087a8b0baeb959efbd811b8'));
    }
};
Section.style = sectionCss();

export { Section as dds_section };
