import { h } from "@stencil/core";
export class DgaStructuredListUsage {
    render() {
        return (h("div", { key: '1176ce7f783326fbfbfd7d772e07409b49d42028' }, h("h1", { key: '5d33cb3e0945a2d53ec81b6d4fcdfd8ab4e3663e' }, "Structured List Example"), h("div", { key: '5eb70dcfd0c591d2856601a416367a2a0a67d6a5', style: { padding: "50px" } }, h("dga-structured-list", { key: '4aa54f92f94c3982d69801df004670c391b024c6', cells: [
                {
                    title: "ID",
                    propertyName: "id",
                    type: "propertyName",
                },
                {
                    title: "Name",
                    propertyName: "name",
                    type: "propertyName",
                },
            ], data: [
                { id: 1, name: "Alice", selected: false },
                { id: 2, name: "Bob", selected: false },
                { id: 3, name: "Charlie", selected: false },
            ], rowDivider: true, colDivider: false, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }), h("dga-structured-list", { key: 'c16ae8978317b79ecc83e75042a2d3a5197e8169', compact: true, cells: [
                {
                    title: "ID",
                    propertyName: "id",
                    type: "propertyName",
                },
                {
                    title: "Name",
                    propertyName: "name",
                    type: "propertyName",
                },
            ], data: [
                { id: 1, name: "Alice", selected: false },
                { id: 2, name: "Bob", selected: false },
                { id: 3, name: "Charlie", selected: false },
            ], rowDivider: true, selectable: true, getSelectedRows: selectedRows => console.log(selectedRows) }))));
    }
    static get is() { return "dga-structured-list-usage"; }
}
//# sourceMappingURL=dga-structured-list-usage.js.map
