@payfit/unity-components
Version:
39 lines (38 loc) • 1.48 kB
TypeScript
import { ComponentPropsWithoutRef, ReactNode } from 'react';
import { EmptyState } from '../EmptyState.js';
export interface EmptyStateNoSearchResultsProps extends Omit<ComponentPropsWithoutRef<typeof EmptyState>, 'children'> {
/**
* Custom title text. If not provided, uses the default i18n message.
*/
title?: string;
/**
* Description text providing context about the lack of search results.
* Defaults to placeholder text if not provided.
*/
description?: string;
/**
* Optional action elements (buttons, links) to display.
* Pass Button or Link components as children.
*/
actions?: ReactNode;
}
/**
* EmptyStateNoSearchResults is a preset for informing users that their search or filter returned no results.
* It displays a magnifying glass icon and provides an optional actions slot.
* @param {EmptyStateNoSearchResultsProps} props - The component props
* @example
* ```tsx
* import { EmptyStateNoSearchResults, Button } from '@payfit/unity-components'
*
* <EmptyStateNoSearchResults
* description="Try adjusting your search criteria or filters."
* actions={
* <Button variant="ghost" onPress={() => console.log('Reset')}>
* Reset filters
* </Button>
* }
* />
* ```
*/
declare const EmptyStateNoSearchResults: import('react').ForwardRefExoticComponent<EmptyStateNoSearchResultsProps & import('react').RefAttributes<HTMLDivElement>>;
export { EmptyStateNoSearchResults };