1
- import { useId } from '../hooks/useId '
1
+ import { SearchIcon } from '@primer/octicons-react '
2
2
import React , { useCallback , useMemo } from 'react'
3
3
import { AnchoredOverlay , AnchoredOverlayProps } from '../AnchoredOverlay'
4
4
import { AnchoredOverlayWrapperAnchorProps } from '../AnchoredOverlay/AnchoredOverlay'
5
+ import Box from '../Box'
5
6
import { FilteredActionList , FilteredActionListProps } from '../FilteredActionList'
6
7
import Heading from '../Heading'
7
8
import { OverlayProps } from '../Overlay'
@@ -11,9 +12,9 @@ import {ItemInput} from '../deprecated/ActionList/List'
11
12
import { DropdownButton } from '../deprecated/DropdownMenu'
12
13
import { useProvidedRefOrCreate } from '../hooks'
13
14
import { FocusZoneHookSettings } from '../hooks/useFocusZone'
15
+ import { useId } from '../hooks/useId'
14
16
import { useProvidedStateOrCreate } from '../hooks/useProvidedStateOrCreate'
15
17
import { LiveRegion , LiveRegionOutlet , Message } from '../internal/components/LiveRegion'
16
- import { SearchIcon } from '@primer/octicons-react'
17
18
18
19
interface SelectPanelSingleSelection {
19
20
selected : ItemInput | undefined
@@ -178,7 +179,7 @@ export function SelectPanel({
178
179
? 'Showing all items'
179
180
: items . length <= 0
180
181
? 'No matching items'
181
- : `${ items . length } matching ${ items . length === 1 ? 'item' : 'items' }
182
+ : `${ items . length } matching ${ items . length === 1 ? 'item' : 'items' } `
182
183
}
183
184
/>
184
185
< Box sx = { { display : 'flex' , flexDirection : 'column' , height : 'inherit' , maxHeight : 'inherit' } } >
0 commit comments