anchor.diff:  
   <%= tag.div class: classes, data: data_attributes do %>
     <div class="govuk-grid-row">
  -    <div class="govuk-grid-column-three-quarters">
  -      <%= render "govuk_publishing_components/components/label", { html_for: id }.merge(label.symbolize_keys) %>
  +    <div class="govuk-grid-column-three-quarters ">
  +      <%= render "govuk_publishing_components/components/label", {
  +        html_for: id,
  +        hint_id: hint_id,
  +        hint_text: hint,
  +      }.merge(label.symbolize_keys) %>
       </div>
       <div class="govuk-grid-column-one-quarter app-c-govspeak-editor__preview-button-wrapper">
         <%= render "govuk_publishing_components/components/button", {
           text: "Preview",
           secondary_quiet: true,
  -        margin_bottom: 2,
  +        margin_bottom: hint ? 5 : 2,
           classes: "js-app-c-govspeak-editor__preview-button",
           data_attributes: preview_button_data_attributes
         } %>
  
positive.code:       error_items: error_items,
        data: textarea_data_attributes,
        margin_bottom: 0,
      } %>
    </div>
    <div class="app-c-govspeak-editor__preview">
  
negative.code: <%
    id ||= "#{name}-#{SecureRandom.hex(4)}"
    label[:bold] ||= false
    hint ||= nil
    hint_id ||= "#{id}-hint"
    value ||= nil
    error_items ||= nil
    rows ||= 12
  