/*!
 * (C) Ionic http://ionicframework.com - MIT License
 */
import { getIonTheme } from "../../global/ionic-global";
import { Host, h } from "@stencil/core";
export class Divider {
    constructor() {
        /**
         * Set to `"xxsmall"` for the smallest spacing.
         * Set to "xsmall" for very small spacing.
         * Set to `"small"` for small spacing.
         * Set to "medium" for medium spacing.
         * Set to "large" for large spacing.
         * Set to `"xlarge"` for the largest spacing.
         *
         * Defaults to `"medium"`.
         */
        this.spacing = 'medium';
        /**
         * If `true`, the divider will have horizontal margins
         * By default, it's `false`
         */
        this.inset = false;
    }
    render() {
        const { inset, spacing } = this;
        const theme = getIonTheme(this);
        return (h(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
                [theme]: true,
                [`divider-spacing-${spacing}`]: spacing !== undefined,
                [`divider-inset`]: inset,
            } }, h("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
    }
    static get is() { return "ion-divider"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "ios": ["divider.ios.scss"],
            "md": ["divider.md.scss"],
            "ionic": ["divider.ionic.scss"]
        };
    }
    static get styleUrls() {
        return {
            "ios": ["divider.ios.css"],
            "md": ["divider.md.css"],
            "ionic": ["divider.ionic.css"]
        };
    }
    static get properties() {
        return {
            "spacing": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge'",
                    "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\" | \"xxlarge\" | \"xxsmall\" | undefined",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Set to `\"xxsmall\"` for the smallest spacing.\nSet to \"xsmall\" for very small spacing.\nSet to `\"small\"` for small spacing.\nSet to \"medium\" for medium spacing.\nSet to \"large\" for large spacing.\nSet to `\"xlarge\"` for the largest spacing.\n\nDefaults to `\"medium\"`."
                },
                "getter": false,
                "setter": false,
                "reflect": true,
                "attribute": "spacing",
                "defaultValue": "'medium'"
            },
            "inset": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "If `true`, the divider will have horizontal margins\nBy default, it's `false`"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "inset",
                "defaultValue": "false"
            }
        };
    }
}
