{{#if isVisible}}
  <Notice @type="info" class="agentless-node-notice" as |notice|>
    <notice.Header>
      <h3>
        {{t "routes.dc.nodes.index.agentless.notice.header"}}
      </h3>
      <button type="button" aria-label="Dismiss notice" {{on "click" this.dismissAgentlessNotice}}>
        <FlightIcon @name="x" />
      </button>
    </notice.Header>
    <notice.Body>
      <p>
        {{t "routes.dc.nodes.index.agentless.notice.body"}}
      </p>
    </notice.Body>
    <notice.Footer>
      <p class="docs-link">
        <a href="{{env 'CONSUL_DOCS_DEVELOPER_URL'}}/connect/dataplane" target="_blank" rel="noopener noreferrer">
          {{t "routes.dc.nodes.index.agentless.notice.footer"}}
        </a>
      </p>
    </notice.Footer>
  </Notice>
{{/if}}