/**
 * Highlights a key message on a landing page.
 *
 * @status new
 * @version 8.0.0
 * @type CSS Only
 *
 * @slot img - The image of the card. Appears first.
 * @slot content - The main content of the card. Suitable for headings, paragraphs, and other text elements.
 */
export class NanoFeatureBox {
    /** The position of the image of the feature-box (`start` being left on a l2r page) */
    imgPosition = 'start';
    static get is() { return "nano-feature-box"; }
    static get originalStyleUrls() {
        return {
            "$": ["feature-box.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["feature-box.css"]
        };
    }
    static get properties() {
        return {
            "imgPosition": {
                "type": "string",
                "attribute": "img-position",
                "mutable": false,
                "complexType": {
                    "original": "'start' | 'end'",
                    "resolved": "\"end\" | \"start\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The position of the image of the feature-box (`start` being left on a l2r page)"
                },
                "getter": false,
                "setter": false,
                "reflect": true,
                "defaultValue": "'start'"
            }
        };
    }
}
