import { h } from "@stencil/core";
export class DgaPaginationUsage {
    constructor() {
        this.variant = 'neutral';
    }
    render() {
        return (h("div", { key: 'fb1e5f4297db267ca4fb85671350942537289dde' }, h("h1", { key: '10eae1a4b60b5f1d2e7010a279b58781e32ecef0' }, "Pagination Example"), h("div", { key: '4f1d3f464b2f00652e29e0dc20c9180e9733a7a8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'cc84025175d7befc4a313c1a6cd721aea71f166d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1d921f7fb1ce9e7c870a8efd55ea0fd9abcd5177', totalPageCount: 10, size: 'large' }), h("dga-pagination", { key: '417912c73bc0b1f05602eebabe9dd1dcc25fb637', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '4bf12937b7a71123faea409a0177feab88b6324b', totalPageCount: 10, size: 'small' })), h("div", { key: '28728254161919603e95299dd091a6c99eb012fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
    static get is() { return "dga-pagination-usage"; }
    static get states() {
        return {
            "variant": {}
        };
    }
}
//# sourceMappingURL=dga-pagination-usage.js.map
