import { h } from "@stencil/core";
/**
 * This component renders information about a file.
 * It is used in the feed item thumbnail card to display file details.
 * If the filename or the "Primary title" is too long, this component
 * will truncate the text with an ellipsis, on the second line.
 * @private
 */
export class FeedItemThumbnailFileInfo {
    render() {
        return h("span", { key: 'ed2f52dbd7899d308078d5cee6e9e7bc3e6c0f50' }, this.description);
    }
    static get is() { return "limebb-feed-item-thumbnail-file-info"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["feed-item-thumbnail-file-info.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["feed-item-thumbnail-file-info.css"]
        };
    }
    static get properties() {
        return {
            "description": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "The name of the file, or the \"Primary title\" of the document object."
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "description"
            }
        };
    }
}
