message: Storybook examples for custom no result component
diff: @@ -269,7 +269,7 @@ export const WithFilters = () => {
  );
  };
  -export const WithNoResults = () => {
  +export const WithDefaultNoResultsComponent = () => {
  const [query] = useState<Partial<SearchQuery>>({
  types: ['techdocs'],
  });
  @@ -285,6 +285,40 @@ export const WithNoResults = () => {
  );
  };
  +export const WithCustomNoResultsComponent = () => {
  + const [query] = useState<Partial<SearchQuery>>({
  + types: ['techdocs'],
  + });
  +
  + return (
  + <TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
  + <SearchResultGroup
  + query={query}
  + icon={<DocsIcon />}
  + title="Documentation"
  + noResultsComponent="No results were found"
  + />
  + </TestApiProvider>
  + );
  +};
  +
  +export const DisableRenderingWithNoResults = () => {
  + const [query] = useState<Partial<SearchQuery>>({
  + types: ['techdocs'],
  + });
  +
  + return (
  + <TestApiProvider apis={[[searchApiRef, new MockSearchApi()]]}>
  + <SearchResultGroup
  + query={query}
  + icon={<DocsIcon />}
  + title="Documentation"
  + disableRenderingWithNoResults
  + />
  + </TestApiProvider>
  + );
  +};
  +
  const CustomResultListItem = (props: any) => {
  const { icon, result } = props;
  