UNPKG

@payfit/unity-components

Version:

39 lines (38 loc) 1.48 kB
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 };