{{!
  Copyright IBM Corp. 2016, 2025
  SPDX-License-Identifier: BUSL-1.1
}}

{{#if this.enable}}
  {{yield}}
{{else}}
  <div class="flex" ...attributes>
    <div class="is-flex-grow-1">
      {{#if @attr}}
        <ReadonlyFormField @attr={{@attr}} @value="**********" />
      {{else}}
        <Input aria-label={{@label}} readonly class="input" @type="text" @value="**********" />
      {{/if}}
    </div>
    {{#unless @disabled}}
      <div class="align-self-end">
        <Hds::Button
          @text="Enable input"
          @icon="edit"
          @isIconOnly={{true}}
          @color="tertiary"
          {{on "click" (fn (mut this.enable))}}
        />
      </div>
    {{/unless}}
  </div>
{{/if}}