@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
44 lines (43 loc) • 1.8 kB
TypeScript
/**
* 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;