import React from 'react'; import { IScoutAction, IScoutSectionAction } from 'index'; import '../styles/index.scss'; export declare type ScoutActionCreators = (props: { createScoutAction: (action: IScoutAction) => IScoutAction; createScoutSection: (action: IScoutSectionAction) => IScoutSectionAction; createScoutPage: (action: IScoutSectionAction) => IScoutSectionAction; }) => (IScoutAction | IScoutSectionAction)[]; export interface ScoutBarProps { /** * Show the scout bar tutorial user interface. * @default true */ tutorial?: boolean; /** * Disable animations on the scout bar. * @default false */ noAnimation?: boolean; /** * Theme to use for the scout bar. * @default 'light' */ theme?: 'light' | 'dark' | 'auto'; /** * Backdrop color to use for the scout bar. * @default null */ backdrop?: string | null; /** * Acknowledge the scout bar tutorial. * @default true */ acknowledgement?: boolean; /** * Change scoutbar brand color. * @default '#000' */ brandColor?: string; /** * Scoutbar placeholders */ placeholder?: string[] | string; /** * Enable double scrolling and allow users to scroll on body * @default true */ bodyScroll?: boolean; /** * Set Scoutbar action */ actions: (IScoutAction | IScoutSectionAction)[] | ScoutActionCreators; /** * Allow users to tab out of the scoutbar * @default false */ disableFocusTrap?: boolean; /** * Center the scoutbar * @default false */ centered?: boolean; /** * Set the scoutbar width * @default 650px */ barWidth?: string; /** * Allow scoutbar to show recent searches * @default true */ showRecentSearch?: boolean; /** * Disable Scoutbar stem before search * @default false */ noResultsOnEmptySearch?: boolean; /** * Keep data in input even after scoutbar is closed * @default false */ persistInput?: boolean; /** * Disable click outside to close scoutbar */ disableClickOutside?: boolean; /** * Disable the scoutbar snackbar */ disableSnackbar?: boolean; /** * Specifies whether or not an input field should have autocomplete enabled. * @default 'off' */ autocomplete?: 'on' | 'off'; /** * Set snackbar color and position */ snackBar?: { background?: string; color?: string; position?: 'top' | 'bottom'; style?: React.CSSProperties; }; /** * Reveal the scoutbar * @default false */ revealScoutbar?: boolean; } export declare const defaultProps: Partial; declare const ScoutBar: React.FC; export default ScoutBar;