UNPKG

@massds/mayflower-react

Version:

React versions of Mayflower design system UI components

44 lines (43 loc) 1.8 kB
/** * SearchBanner module. * @module @massds/mayflower-react/SearchBanner * @requires module:@massds/mayflower-assets/scss/01-atoms/forms * @requires module:@massds/mayflower-assets/scss/01-atoms/buttons * @requires module:@massds/mayflower-assets/scss/01-atoms/button-with-icon * @requires module:@massds/mayflower-assets/scss/01-atoms/button-search * @requires module:@massds/mayflower-assets/scss/01-atoms/input-typeahead * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-icons * @requires module:@massds/mayflower-assets/scss/01-atoms/svg-loc-icons * @requires module:@massds/mayflower-assets/scss/02-molecules/tabs */ import React from 'react'; import { FilterBoxProps } from '../FilterBox'; import { HeaderSearchProps } from '../HeaderSearch'; import { TabsProps } from '../Tabs'; export interface SearchBannerProps { /** Custom class added to the root element. */ className?: string; /** `@molecules/HeaderSearch` */ searchBox: HeaderSearchProps; /** `@molecules/Tabs` */ tabs?: TabsProps; /** `@organisms/FilterBox` */ filterBox?: FilterBoxProps; /** filterbox toggle button custom function */ toggleButtonOnClick?(...args: unknown[]): unknown; /** Controls if filterBox is expanded */ filterBoxExpanded?: boolean; /** Controls if we allow filterbox toggle to render only on mobile */ filterDesktopHidden?: boolean; /** Filter box toggle button text */ filterToggleText?: string; /** The visually hidden search form title */ searchFormTitle?: string; } declare class SearchBanner extends React.Component<SearchBannerProps> { constructor(props: any); UNSAFE_componentWillReceiveProps(nextProps: any): void; toggleFilterBox(): void; render(): any; } export default SearchBanner;