// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`App should render the component correctly and match the snapshot 1`] = `
"<Provider>
   
  <Memo()>
    <Provider>
       
      <BrowserRouter>
        <Router basename={[undefined]} location={{...}} navigationType=\\"POP\\" navigator={{...}} future={[undefined]}>
          <ParseUrl>
             
          </ParseUrl>
          <Page header={{...}} className=\\"hub-page\\" isManagedSidebar={false} isBreadcrumbWidthLimited={false} defaultManagedSidebarIsOpen={true} onPageResize={[Function: onPageResize]} mainTabIndex={-1} isNotificationDrawerExpanded={false} onNotificationDrawerExpand={[Function: onNotificationDrawerExpand]} getBreakpoint={[Function: getBreakpoint]} getVerticalBreakpoint={[Function: getVerticalBreakpoint]}>
            <div className=\\"pf-c-page pf-m-resize-observer pf-m-breakpoint-default pf-m-height-breakpoint-sm hub-page\\">
              <Memo()>
                <PageHeader logo={{...}} headerTools={{...}}>
                  <header role={[undefined]} className=\\"pf-c-page__header\\">
                    <div className=\\"pf-c-page__header-brand\\">
                      <a className=\\"pf-c-page__header-brand-link\\">
                        <Brand src=\\"data:no CUSTOM_LOGO_MEDIA_TYPE set;base64,no CUSTOM_LOGO_BASE64_URI set\\" alt=\\"Tekton Hub Logo\\" onClick={[Function: homePage]}>
                          <img onClick={[Function: homePage]} className=\\"pf-c-brand\\" src=\\"data:no CUSTOM_LOGO_MEDIA_TYPE set;base64,no CUSTOM_LOGO_BASE64_URI set\\" alt=\\"Tekton Hub Logo\\" />
                        </Brand>
                      </a>
                    </div>
                    <PageHeaderTools>
                      <div className=\\"pf-c-page__header-tools\\">
                        <Grid>
                          <div className=\\"pf-l-grid\\" style={[undefined]}>
                            <GridItem span={10}>
                              <div className=\\"pf-l-grid__item pf-m-10-col\\" style={[undefined]}>
                                <Memo()>
                                  <TextInput type=\\"search\\" value=\\"\\" onChange={[Function: onSearchChange]} onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" className=\\"hub-search\\">
                                    <TextInputBase type=\\"search\\" value=\\"\\" onChange={[Function: onSearchChange]} onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" className=\\"hub-search\\" innerRef={{...}} isRequired={false} validated=\\"default\\" isDisabled={false} isReadOnly={false} isIconSprite={false} isLeftTruncated={false} ouiaSafe={true}>
                                      <input onKeyPress={[Function: onSearchKeyPress]} aria-label=\\"text input example\\" placeholder=\\"Search for resources...\\" spellCheck=\\"false\\" onFocus={[Function (anonymous)]} onBlur={[Function (anonymous)]} className=\\"pf-c-form-control hub-search\\" onChange={[Function (anonymous)]} type=\\"search\\" value=\\"\\" aria-invalid={false} required={false} disabled={false} readOnly={[undefined]} data-ouia-component-type=\\"PF4/TextInput\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-TextInputBase-1\\" />
                                    </TextInputBase>
                                  </TextInput>
                                </Memo()>
                              </div>
                            </GridItem>
                            <GridItem span={1} onClick={[Function: onClick]} className=\\"hub-header-search-hint\\">
                              <div className=\\"pf-l-grid__item pf-m-1-col hub-header-search-hint\\" style={[undefined]} onClick={[Function: onClick]}>
                                <Icon id=\\"help\\" size=\\"sm\\" label=\\"search-tips\\">
                                  <HelpIcon size=\\"sm\\" label=\\"search-tips\\" color=\\"currentColor\\" noVerticalAlign={false}>
                                    <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 1024 1024\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\" label=\\"search-tips\\">
                                      <path d=\\"M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0\\" />
                                    </svg>
                                  </HelpIcon>
                                </Icon>
                              </div>
                            </GridItem>
                          </div>
                        </Grid>
                        <Text style={{...}} component=\\"a\\" onClick={[Function: onClick]}>
                          <a data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-1\\" style={{...}} onClick={[Function: onClick]} data-pf-content={true} className=\\"\\">
                            <span className=\\"hub-header-login\\">
                              <b>
                                Login
                              </b>
                            </span>
                          </a>
                        </Text>
                      </div>
                    </PageHeaderTools>
                  </header>
                </PageHeader>
                <Modal variant=\\"small\\" title=\\"Search tips:\\" isOpen={false} onClose={[Function: onClose]} className=\\"\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"\\" showClose={true} aria-describedby=\\"\\" aria-labelledby=\\"\\" id={[undefined]} actions={{...}} hasNoBodyWrapper={false} appendTo={[Function: appendTo]} ouiaSafe={true}>
                  <Portal containerInfo={{...}}>
                    <ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-0\\" labelId=\\"pf-modal-part-1\\" descriptorId=\\"pf-modal-part-2\\" title=\\"Search tips:\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" bodyAriaLabel={[undefined]} bodyAriaRole={[undefined]} ouiaId=\\"OUIA-Generated-Modal-small-1\\" ouiaSafe={true} />
                  </Portal>
                </Modal>
                <Modal variant=\\"small\\" title=\\"Tekton Hub\\" isOpen={false} onClose={[Function: onClose]} className=\\"hub-header-login__modal\\" aria-label=\\"login\\" titleIconVariant={{...}} titleLabel=\\"\\" showClose={true} aria-describedby=\\"\\" aria-labelledby=\\"\\" id={[undefined]} actions={{...}} hasNoBodyWrapper={false} appendTo={[Function: appendTo]} ouiaSafe={true}>
                  <Portal containerInfo={{...}}>
                    <ModalContent variant=\\"small\\" isOpen={false} onClose={[Function: onClose]} className=\\"hub-header-login__modal\\" showClose={true} id={[undefined]} actions={{...}} hasNoBodyWrapper={false} boxId=\\"pf-modal-part-1\\" labelId=\\"pf-modal-part-2\\" descriptorId=\\"pf-modal-part-3\\" title=\\"Tekton Hub\\" titleIconVariant={{...}} titleLabel=\\"\\" aria-label=\\"login\\" aria-describedby=\\"\\" aria-labelledby=\\"\\" bodyAriaLabel={[undefined]} bodyAriaRole={[undefined]} ouiaId=\\"OUIA-Generated-Modal-small-2\\" ouiaSafe={true} />
                  </Portal>
                </Modal>
              </Memo()>
              <main role={[undefined]} id={[undefined]} className=\\"pf-c-page__main\\" tabIndex={-1} aria-label={[undefined]}>
                <Routes>
                  <RenderedRoute match={{...}} routeContext={{...}}>
                    <HomePage>
                      <Background>
                        <div className=\\"hub-background-image\\" style={{...}}>
                          <TextContent>
                            <div className=\\"pf-c-content\\">
                              <Text component=\\"h1\\" className=\\"hub-background-heading\\">
                                <h1 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-2\\" data-pf-content={true} className=\\"hub-background-heading\\">
                                  Welcome to Tekton Hub
                                </h1>
                              </Text>
                              <Text component=\\"h3\\" className=\\"hub-tag-line\\">
                                <h3 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-3\\" data-pf-content={true} className=\\"hub-tag-line\\">
                                  Discover, search and share reusable Tasks and Pipelines
                                </h3>
                              </Text>
                            </div>
                          </TextContent>
                        </div>
                      </Background>
                      <PageSection>
                        <section className=\\"pf-c-page__main-section\\" aria-label={[undefined]}>
                          <Grid hasGutter={true}>
                            <div className=\\"pf-l-grid pf-m-gutter\\" style={[undefined]}>
                              <GridItem span={2}>
                                <div className=\\"pf-l-grid__item pf-m-2-col\\" style={[undefined]}>
                                  <Memo()>
                                    <Grid hasGutter={true} className=\\"hub-leftpane\\">
                                      <div className=\\"pf-l-grid pf-m-gutter hub-leftpane\\" style={[undefined]}>
                                        <GridItem span={8}>
                                          <div className=\\"pf-l-grid__item pf-m-8-col\\" style={[undefined]}>
                                            <Memo()>
                                              <div className=\\"hub-sort\\">
                                                <Select variant=\\"single\\" isPlain={true} typeAheadAriaLabel=\\"Sort By\\" onToggle={[Function: onToggle]} onSelect={[Function: onSelect]} onClear={[Function: clearSelection]} isOpen={false} selections=\\"\\" placeholderText=\\"Sort By\\" className=\\"\\" position=\\"left\\" direction=\\"down\\" toggleId={{...}} isGrouped={false} isDisabled={false} hasPlaceholderStyle={false} isCreatable={false} isCreateOptionOnTop={false} validated=\\"default\\" aria-label=\\"\\" aria-labelledby=\\"\\" aria-describedby=\\"\\" aria-invalid={false} typeAheadAriaDescribedby=\\"\\" clearSelectionsAriaLabel=\\"Clear all\\" toggleAriaLabel=\\"Options menu\\" removeSelectionAriaLabel=\\"Remove\\" createText=\\"Create\\" noResultsFoundText=\\"No results found\\" width=\\"\\" onCreateOption={[Function: onCreateOption]} toggleIcon={{...}} toggleIndicator={{...}} onFilter={{...}} onTypeaheadInputChanged={{...}} customContent={{...}} hasInlineFilter={false} inlineFilterPlaceholderText={{...}} customBadgeText={{...}} inputIdPrefix=\\"\\" inputAutoComplete=\\"off\\" menuAppendTo=\\"inline\\" favorites={{...}} favoritesLabel=\\"Favorites\\" ouiaSafe={true} chipGroupComponent={{...}} isInputValuePersisted={false} isInputFilterPersisted={false} isCreateSelectOptionObject={false} shouldResetOnSelect={true} isFlipEnabled={true} removeFindDomNode={false} zIndex={9999}>
                                                  <GenerateId prefix=\\"pf-random-id-\\">
                                                    <div className=\\"pf-c-select\\" data-ouia-component-type=\\"PF4/Select\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Select-single-1\\">
                                                      <ForwardRef id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} onBlur={[undefined]} variant=\\"single\\" toggleIndicator={{...}} aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]}>
                                                        <SelectToggle innerRef={{...}} id=\\"pf-select-toggle-id-0\\" parentRef={{...}} menuRef={{...}} isOpen={false} isPlain={true} hasPlaceholderStyle={false} onToggle={[Function (anonymous)]} onEnter={[Function (anonymous)]} onClose={[Function (anonymous)]} onBlur={[undefined]} variant=\\"single\\" toggleIndicator={{...}} aria-labelledby=\\" pf-select-toggle-id-0\\" aria-label=\\"Options menu\\" handleTypeaheadKeys={[Function (anonymous)]} moveFocusToLastMenuItem={[Function (anonymous)]} isDisabled={false} hasClearButton={true} hasFooter={false} onClickTypeaheadToggleButton={[Function (anonymous)]} className=\\"\\" isActive={false} type=\\"button\\">
                                                          <div className=\\"pf-c-select__toggle pf-m-plain pf-m-typeahead\\" onBlur={[undefined]} onClick={[Function: onClick]} onKeyDown={[Function (anonymous)]}>
                                                            <div className=\\"pf-c-select__toggle-wrapper\\">
                                                              <span className=\\"pf-c-select__toggle-text\\">
                                                                Sort By
                                                              </span>
                                                            </div>
                                                            <button id=\\"pf-select-toggle-id-0\\" aria-labelledby=\\" pf-select-toggle-id-0\\" aria-expanded={false} aria-haspopup=\\"listbox\\" type=\\"button\\" className=\\"pf-c-button pf-c-select__toggle-button pf-m-plain\\" aria-label=\\"Options menu\\" onClick={[Function: onClick]} disabled={false}>
                                                              <CaretDownIcon className=\\"pf-c-select__toggle-arrow\\" color=\\"currentColor\\" size=\\"sm\\" noVerticalAlign={false}>
                                                                <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 320 512\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\" className=\\"pf-c-select__toggle-arrow\\">
                                                                  <path d=\\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\" />
                                                                </svg>
                                                              </CaretDownIcon>
                                                            </button>
                                                          </div>
                                                        </SelectToggle>
                                                      </ForwardRef>
                                                    </div>
                                                  </GenerateId>
                                                </Select>
                                              </div>
                                            </Memo()>
                                          </div>
                                        </GridItem>
                                        <GridItem>
                                          <div className=\\"pf-l-grid__item\\" style={[undefined]}>
                                            <Memo()>
                                              <Memo() store={{...}} header=\\"Kind\\">
                                                <div>
                                                  <Grid>
                                                    <div className=\\"pf-l-grid\\" style={[undefined]}>
                                                      <GridItem span={6}>
                                                        <div className=\\"pf-l-grid__item pf-m-6-col\\" style={[undefined]}>
                                                          <Text component=\\"h1\\" className=\\"hub-filter-header\\">
                                                            <h1 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-4\\" data-pf-content={true} className=\\"hub-filter-header\\">
                                                              Kind
                                                            </h1>
                                                          </Text>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={3}>
                                                        <div className=\\"pf-l-grid__item pf-m-3-col\\" style={[undefined]}>
                                                          <Button variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                            <ButtonBase innerRef={{...}} variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                              <button onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }} aria-disabled={false} aria-label=\\"Clear\\" className=\\"pf-c-button pf-m-plain\\" disabled={false} tabIndex={[undefined]} type=\\"button\\" role={{...}} data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Button-plain-1\\">
                                                                <TimesIcon color=\\"currentColor\\" size=\\"sm\\" noVerticalAlign={false}>
                                                                  <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\">
                                                                    <path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\" />
                                                                  </svg>
                                                                </TimesIcon>
                                                              </button>
                                                            </ButtonBase>
                                                          </Button>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={12}>
                                                        <div className=\\"pf-l-grid__item pf-m-12-col\\" style={[undefined]} />
                                                      </GridItem>
                                                    </div>
                                                  </Grid>
                                                </div>
                                              </Memo()>
                                            </Memo()>
                                          </div>
                                        </GridItem>
                                        <GridItem>
                                          <div className=\\"pf-l-grid__item\\" style={[undefined]}>
                                            <Memo()>
                                              <Memo() store={{...}} header=\\"Platform\\">
                                                <div>
                                                  <Grid>
                                                    <div className=\\"pf-l-grid\\" style={[undefined]}>
                                                      <GridItem span={6}>
                                                        <div className=\\"pf-l-grid__item pf-m-6-col\\" style={[undefined]}>
                                                          <Text component=\\"h1\\" className=\\"hub-filter-header\\">
                                                            <h1 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-5\\" data-pf-content={true} className=\\"hub-filter-header\\">
                                                              Platform
                                                            </h1>
                                                          </Text>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={3}>
                                                        <div className=\\"pf-l-grid__item pf-m-3-col\\" style={[undefined]}>
                                                          <Button variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                            <ButtonBase innerRef={{...}} variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                              <button onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }} aria-disabled={false} aria-label=\\"Clear\\" className=\\"pf-c-button pf-m-plain\\" disabled={false} tabIndex={[undefined]} type=\\"button\\" role={{...}} data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Button-plain-2\\">
                                                                <TimesIcon color=\\"currentColor\\" size=\\"sm\\" noVerticalAlign={false}>
                                                                  <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\">
                                                                    <path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\" />
                                                                  </svg>
                                                                </TimesIcon>
                                                              </button>
                                                            </ButtonBase>
                                                          </Button>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={12}>
                                                        <div className=\\"pf-l-grid__item pf-m-12-col\\" style={[undefined]} />
                                                      </GridItem>
                                                    </div>
                                                  </Grid>
                                                </div>
                                              </Memo()>
                                            </Memo()>
                                          </div>
                                        </GridItem>
                                        <GridItem>
                                          <div className=\\"pf-l-grid__item\\" style={[undefined]}>
                                            <Memo()>
                                              <Memo() store={{...}} header=\\"Catalog\\">
                                                <div>
                                                  <Grid>
                                                    <div className=\\"pf-l-grid\\" style={[undefined]}>
                                                      <GridItem span={6}>
                                                        <div className=\\"pf-l-grid__item pf-m-6-col\\" style={[undefined]}>
                                                          <Text component=\\"h1\\" className=\\"hub-filter-header\\">
                                                            <h1 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-6\\" data-pf-content={true} className=\\"hub-filter-header\\">
                                                              Catalog
                                                            </h1>
                                                          </Text>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={3}>
                                                        <div className=\\"pf-l-grid__item pf-m-3-col\\" style={[undefined]}>
                                                          <Button variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                            <ButtonBase innerRef={{...}} variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                              <button onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }} aria-disabled={false} aria-label=\\"Clear\\" className=\\"pf-c-button pf-m-plain\\" disabled={false} tabIndex={[undefined]} type=\\"button\\" role={{...}} data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Button-plain-3\\">
                                                                <TimesIcon color=\\"currentColor\\" size=\\"sm\\" noVerticalAlign={false}>
                                                                  <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\">
                                                                    <path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\" />
                                                                  </svg>
                                                                </TimesIcon>
                                                              </button>
                                                            </ButtonBase>
                                                          </Button>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={12}>
                                                        <div className=\\"pf-l-grid__item pf-m-12-col\\" style={[undefined]} />
                                                      </GridItem>
                                                    </div>
                                                  </Grid>
                                                </div>
                                              </Memo()>
                                            </Memo()>
                                          </div>
                                        </GridItem>
                                        <GridItem>
                                          <div className=\\"pf-l-grid__item\\" style={[undefined]}>
                                            <Memo()>
                                              <Memo() store={{...}} header=\\"Category\\">
                                                <div>
                                                  <Grid>
                                                    <div className=\\"pf-l-grid\\" style={[undefined]}>
                                                      <GridItem span={6}>
                                                        <div className=\\"pf-l-grid__item pf-m-6-col\\" style={[undefined]}>
                                                          <Text component=\\"h1\\" className=\\"hub-filter-header\\">
                                                            <h1 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-7\\" data-pf-content={true} className=\\"hub-filter-header\\">
                                                              Category
                                                            </h1>
                                                          </Text>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={3}>
                                                        <div className=\\"pf-l-grid__item pf-m-3-col\\" style={[undefined]}>
                                                          <Button variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                            <ButtonBase innerRef={{...}} variant=\\"plain\\" aria-label=\\"Clear\\" onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }}>
                                                              <button onClick={[Function: res] { _isMSTAction: true, _isFlowAction: false }} aria-disabled={false} aria-label=\\"Clear\\" className=\\"pf-c-button pf-m-plain\\" disabled={false} tabIndex={[undefined]} type=\\"button\\" role={{...}} data-ouia-component-type=\\"PF4/Button\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Button-plain-4\\">
                                                                <TimesIcon color=\\"currentColor\\" size=\\"sm\\" noVerticalAlign={false}>
                                                                  <svg style={{...}} fill=\\"currentColor\\" height=\\"1em\\" width=\\"1em\\" viewBox=\\"0 0 352 512\\" aria-labelledby={{...}} aria-hidden={true} role=\\"img\\">
                                                                    <path d=\\"M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z\\" />
                                                                  </svg>
                                                                </TimesIcon>
                                                              </button>
                                                            </ButtonBase>
                                                          </Button>
                                                        </div>
                                                      </GridItem>
                                                      <GridItem span={12}>
                                                        <div className=\\"pf-l-grid__item pf-m-12-col\\" style={[undefined]} />
                                                      </GridItem>
                                                    </div>
                                                  </Grid>
                                                </div>
                                              </Memo()>
                                            </Memo()>
                                          </div>
                                        </GridItem>
                                      </div>
                                    </Grid>
                                  </Memo()>
                                </div>
                              </GridItem>
                              <GridItem span={10} rowSpan={1}>
                                <div className=\\"pf-l-grid__item pf-m-10-col pf-m-1-row\\" style={[undefined]}>
                                  <Memo()>
                                    <Spinner className=\\"hub-resources-spinner\\">
                                      <span className=\\"pf-c-spinner pf-m-xl hub-resources-spinner\\" role=\\"progressbar\\" aria-valuetext=\\"Loading...\\" aria-label=\\"Contents\\">
                                        <span className=\\"pf-c-spinner__clipper\\" />
                                        <span className=\\"pf-c-spinner__lead-ball\\" />
                                        <span className=\\"pf-c-spinner__tail-ball\\" />
                                      </span>
                                    </Spinner>
                                  </Memo()>
                                </div>
                              </GridItem>
                            </div>
                          </Grid>
                        </section>
                      </PageSection>
                    </HomePage>
                  </RenderedRoute>
                </Routes>
                <Footer>
                  <Card className=\\"hub-footer-card\\">
                    <article id=\\"\\" className=\\"pf-c-card hub-footer-card\\" tabIndex={[undefined]} data-ouia-component-type=\\"PF4/Card\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Card-1\\">
                      <Grid>
                        <div className=\\"pf-l-grid\\" style={[undefined]}>
                          <GridItem span={12} className=\\"hub-footer-info\\">
                            <div className=\\"pf-l-grid__item pf-m-12-col hub-footer-info\\" style={[undefined]}>
                              <a href=\\"https://cd.foundation\\" target=\\"_\\">
                                <img src=\\"https://tekton.dev/partner-logos/cdf.png?1609496430000\\" alt=\\"tekton.dev\\" />
                              </a>
                            </div>
                          </GridItem>
                          <GridItem span={12} className=\\"hub-footer-info\\">
                            <div className=\\"pf-l-grid__item pf-m-12-col hub-footer-info\\" style={[undefined]}>
                              <TextContent className=\\"hub-info-color\\">
                                <div className=\\"pf-c-content hub-info-color\\">
                                  <Text component=\\"h3\\">
                                    <h3 data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-8\\" data-pf-content={true} className=\\"\\">
                                      Tekton is a
                                       
                                      <Text component=\\"a\\" href=\\"https://cd.foundation\\" target=\\"_\\">
                                        <a data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-9\\" href=\\"https://cd.foundation\\" target=\\"_\\" data-pf-content={true} className=\\"\\">
                                          Continuous Delivery Foundation
                                        </a>
                                      </Text>
                                       
                                      project.
                                    </h3>
                                  </Text>
                                </div>
                              </TextContent>
                            </div>
                          </GridItem>
                          <GridItem span={12} className=\\"hub-logo-margin\\">
                            <div className=\\"pf-l-grid__item pf-m-12-col hub-logo-margin\\" style={[undefined]}>
                              <img src=\\"tekton.png?1609496430000\\" alt=\\"Tekton\\" className=\\"hub-logo-size\\" />
                            </div>
                          </GridItem>
                          <GridItem span={12} className=\\"hub-footer-description\\">
                            <div className=\\"pf-l-grid__item pf-m-12-col hub-footer-description\\" style={[undefined]}>
                              <Text>
                                <p data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-10\\" data-pf-content={true} className=\\"\\">
                                  © 
                                  2024
                                   The Linux Foundation®. All rights reserved. The Linux Foundation has registered trademarks and uses trademarks. For a list of trademarks of The Linux Foundation, please see our
                                   
                                  <Text component=\\"a\\" href=\\"https://www.linuxfoundation.org/trademark-usage/\\" target=\\"_\\">
                                    <a data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-11\\" href=\\"https://www.linuxfoundation.org/trademark-usage/\\" target=\\"_\\" data-pf-content={true} className=\\"\\">
                                      Trademark Usage page
                                    </a>
                                  </Text>
                                  . Linux is a registered trademark of Linus Torvalds.
                                   
                                  <Text component=\\"a\\" href=\\"https://www.linuxfoundation.org/privacy/\\" target=\\"_\\">
                                    <a data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-12\\" href=\\"https://www.linuxfoundation.org/privacy/\\" target=\\"_\\" data-pf-content={true} className=\\"\\">
                                      Privacy Policy
                                    </a>
                                  </Text>
                                   
                                  and
                                   
                                  <Text component=\\"a\\" href=\\"https://www.linuxfoundation.org/terms/\\" target=\\"_\\">
                                    <a data-ouia-component-type=\\"PF4/Text\\" data-ouia-safe={true} data-ouia-component-id=\\"OUIA-Generated-Text-13\\" href=\\"https://www.linuxfoundation.org/terms/\\" target=\\"_\\" data-pf-content={true} className=\\"\\">
                                      Terms of Use
                                    </a>
                                  </Text>
                                   
                                  .
                                </p>
                              </Text>
                            </div>
                          </GridItem>
                        </div>
                      </Grid>
                    </article>
                  </Card>
                </Footer>
              </main>
            </div>
          </Page>
        </Router>
      </BrowserRouter>
       
    </Provider>
  </Memo()>
   
</Provider>"
`;
