()=> {
      return (
        <div style={{height: 300}}>
          <form className="gds-form">
            <div className="gds-form-group" data-gds-form-group>
              <label className="gds-form-group__label" for="searcchselect-input-0"
                >Multi-Value Search Select</label
              >
              <div className="gds-search-select gds-search-select--open">
                <div
                  className="gds-search-select__control"
                  data-gds-search-select-control
                >
                  <div
                    className="gds-search-select__tag-indicator gds-search-select__tag-indicator--sm gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                    data-gds-tag-indicator=""
                  >
                    <span>5 Selected</span
                    ><button
                      className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                    >
                      <i className="btl bt-fw bt-times"></i>
                    </button>
                  </div>
                  <input
                    id="searcchselect-input-0"
                    type="text"
                    placeholder="Choose a State..."
                    className="gds-search-select__input gds-search-select__input--sm gds-search-select__input--has-tag-sm"
                    data-gds-search-select-input
                    autocomplete="off"
                  />
                  <button
                    className="gds-search-select__toggle-button"
                    data-gds-search-select-toggle
                  ></button>
                  <small className="gds-search-select__text-help"
                    >This is some hint text</small
                  >
                </div>
                <div
                  className="gds-search-select__tag-holder gds-search-select__tag-holder--bubble gds-search-select__tag-holder--bubble-sm gds-search-select__tag-holder--bubble-active"
                  data-gds-search-select-tag-holder
                >
                  <div className="gds-search-select__tag-overflow">
                    <div
                      className="-m-a-1 gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                      data-gds-search-select-tag="null"
                    >
                      Arkansas<button
                        className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                      >
                        <i className="btl bt-fw bt-times"></i>
                      </button>
                    </div>
                    <div
                      className="-m-a-1 gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                      data-gds-search-select-tag="null"
                    >
                      California<button
                        className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                      >
                        <i className="btl bt-fw bt-times"></i>
                      </button>
                    </div>
                    <div
                      className="-m-a-1 gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                      data-gds-search-select-tag="null"
                    >
                      Mississippi<button
                        className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                      >
                        <i className="btl bt-fw bt-times"></i>
                      </button>
                    </div>
                    <div
                      className="-m-a-1 gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                      data-gds-search-select-tag="null"
                    >
                      Montana<button
                        className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                      >
                        <i className="btl bt-fw bt-times"></i>
                      </button>
                    </div>
                    <div
                      className="-m-a-1 gds-tag gds-tag--xs gds-tag--primary gds-tag--with-button gds-tag--with-button-xs"
                      data-gds-search-select-tag="null"
                    >
                      Wyoming<button
                        className="gds-tag__option gds-tag__option--xs gds-tag__option--primary"
                      >
                        <i className="btl bt-fw bt-times"></i>
                      </button>
                    </div>
                  </div>
                </div>
                <div className="gds-search-select__menu" data-gds-search-select-menu>
                  <ul
                    className="gds-search-select__menu-items"
                    data-gds-search-select-list
                  >
                    <li
                      className="gds-search-select__menu-item"
                      data-gds-search-select-item="0"
                    >
                      Alaska
                    </li>
                    <li
                      className="gds-search-select__menu-item"
                      data-gds-search-select-item="14"
                    >
                      Iowa
                    </li>
                    <li
                      className="gds-search-select__menu-item"
                      data-gds-search-select-item="15"
                    >
                      Kansas
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </form>
        </div> 
      )
    }