<div class="wf-secret-value"{% for attr in attrs %} {{ attr.name }}="{{ attr.value }}"{% endfor %}>
<div class="wf-secret-copy">
<div class="wf-secret-label">{{ label }}</div>
<code id="{{ id }}" class="{{ self.value_class() }}">{{ self.display_value() }}</code>
</div>
<button class="wf-btn sm" type="button" data-wf-copy="#{{ id }}"{% if copy_raw_value %} data-wf-copy-value="{{ value }}"{% endif %}>{{ button_label }}</button>
{%- match warning -%}
{%- when Some with (text) -%}
<p class="wf-secret-warning">{{ text }}</p>
{%- when None -%}
{%- endmatch -%}
{%- match help_html -%}
{%- when Some with (html) -%}
<div class="wf-secret-help">{{ html }}</div>
{%- when None -%}
{%- endmatch -%}
</div>