<commit_before>{% set prefix = "c-bolt-" %}

{% set attributes = create_attribute(attributes|default({})) %}

{% set componentName = "search-filter" %}
{% set baseClass = prefix ~ componentName %}

{% set classes = [
  baseClass
] %}

<bolt-{{ componentName }} bolt-component>
  <div {{ attributes.addClass(classes) }}>
    <div class="{{ "#{baseClass}__trigger" }}">
      {% include "@bolt-components-button/button.twig" with {
        "url": "#search-filter",
        "text": "Close search filter"|t,
        "size": "xsmall",
        "style": "primary",
        "rounded": "rounded",
        "iconOnly": true,
        "icon": {
          "name": "more",
          "size": "medium"
        }
      } only %}
    </div>

    <div class="{{ "#{baseClass}__panel" }}" id="search-filter">
      <div class="c-bolt-search-filter__panel-content">
        {% block search_filter %}
          {{ content }}
        {% endblock search_filter %}
      </div>

      <div class="{{ "#{baseClass}__panel-controls #{baseClass}__panel-controls--submit" }}">
        {% include "@bolt-components-button-group/button-group.twig" with {
          "buttons": [
            {
              "text": "Apply"|t,
              "style": "primary",
              "url": "#!"
            },
            {
              "text": "Cancel"|t,
              "style": "secondary",
              "url": "#!"
            }
          ]
        } only %}
      </div>

      <div class="{{ "#{baseClass}__panel-controls #{baseClass}__panel-controls--close" }}">
        {% include "@bolt-components-button/button.twig" with {
          "text": "Close search filter"|t,<commit_msg>fix: remove redundancy of search filter panel id<commit_after>{% set prefix = "c-bolt-" %}

{% set attributes = create_attribute(attributes|default({})) %}

{% set componentName = "search-filter" %}
{% set baseClass = prefix ~ componentName %}

{% set classes = [
  baseClass
] %}

{% set panelId = "search-filter" %}

<bolt-{{ componentName }} bolt-component>
  <div {{ attributes.addClass(classes) }}>
    <div class="{{ "#{baseClass}__trigger" }}">
      {% include "@bolt-components-button/button.twig" with {
        "text": "Close search filter"|t,
        "url": "#" ~ panelId,
        "size": "xsmall",
        "style": "primary",
        "rounded": "rounded",
        "iconOnly": true,
        "icon": {
          "name": "more",
          "size": "medium"
        }
      } only %}
    </div>

    <div class="{{ "#{baseClass}__panel" }}" id="{{ panelId }}">
      <div class="c-bolt-search-filter__panel-content">
        {% block search_filter %}
          {{ content }}
        {% endblock search_filter %}
      </div>

      <div class="{{ "#{baseClass}__panel-controls #{baseClass}__panel-controls--submit" }}">
        {% include "@bolt-components-button-group/button-group.twig" with {
          "buttons": [
            {
              "text": "Apply"|t,
              "style": "primary",
              "url": "#!"
            },
            {
              "text": "Cancel"|t,
              "style": "secondary",
              "url": "#!"
            }
          ]
        } only %}
      </div>

      <div class="{{ "#{baseClass}__panel-controls #{baseClass}__panel-controls--close" }}">
        {% include "@bolt-components-button/button.twig" with {
          "text": "Close search filter"|t,
{'fraction_non_alphanumeric': 0.19030627415997622, 'fraction_numerical': 0.0, 'mean_word_length': 2.0693430656934306, 'pattern_counts': {'":': 34, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4667052', 'n_tokens_mistral': 1051, 'n_tokens_neox': 978, 'n_words': 194}