text: import "../../components/page-panel.js";
  import "../../components/page-body.js";
  import "../../components/action-card.js";
  import "../../components/account-widget.js";
  import "../../components/text-widget.js";
  import "../../components/number-widget.js";
  import DappLib from "@decentology/dappstarter-dapplib";
  import { LitElement, html, customElement, property } from "lit-element";
  
  @customElement('basic-nft-page')
  export default class BasicNftPage extends LitElement {
    @property()
    title;
    @property()
    category;
    @property()
    description;
  
    createRenderRoot() {
      return this;
    }
  
    constructor(args) {
      super(args);
    }
  
    render() {
      let content = html`
        <page-body
          title="${this.title}"
          category="${this.category}"
          description="${this.description}"
        >
  
          <action-card
            title="Account Query Example"
            description="An example of how to query an account during development"
            action="getAccountInfo"
            method="get"
            fields="account"
          >
            <account-widget
              field="account"
              label="Account"
              placeholder="Account address"
            >
            </account-widget>
          </action-card>
  
  
          <action-card
            title="Initialize Account"
            description="Initializes an account so it can receive a NFT"
            action="initializeAccount"
            method="post"
            fields="account"
          >
            <account-widget
              field="account"
              label="Account"
              placeholder="Account address"
            >
            </account-widget>
          </action-card>
  
          <action-card
            title="Get NFT IDs"
            description="Get NFT IDs for Account"
            action="getIDs"
            method="get"
            fields="account"
          >
            <account-widget
              field="account"
              label="Account"
              placeholder="Account address"
            >
            </account-widget>
          </action-card>
  
  
        </page-body>
        <page-panel id="resultPanel"></page-panel>
      `;
  
      return content;
    }
  }
  
  ///+functions
  ///+page-post-content