import { TrendMarkerProps } from './trend-marker.types';
/**
 * TrendMarker Component
 *
 * The `TrendMarker` component is used to display a trend indicator with optional icons and highlighted states.
 * It supports different variants to indicate positive, negative, and neutral trends.
 *
 * ### Props
 *
 * - `className` (string): Custom class name for the container of the component.
 * - `children` (ReactNode): The content of the component.
 * - `highlighted` (boolean): If true, the trend marker will be highlighted.
 * - `useIcon` (boolean | ReactNode): Icon to be rendered within the trend marker.
 *   - If `useIcon` is a boolean, the default icons for positive or negative variants will be used.
 *   - If `useIcon` is a ReactNode, the provided icon will be used. This allows the consumer to pass a custom icon based on the variant value.
 * - `variant` (string): Variant of the trend marker. Can be one of 'neutral', 'positive', 'negative', 'positive-highlighted', 'negative-highlighted'.
 *
 * ### Usage
 *
 * ```tsx
 * import { TrendMarker } from '@bloomreach/react-banana-ui';
 *
 * export default function MyCustomComponent() {
 *   return (
 *     <TrendMarker variant="positive" highlighted useIcon> Positive Trend </TrendMarker>
 *   );
 * }
 * ```
 */
declare const TrendMarker: import('react').ForwardRefExoticComponent<TrendMarkerProps & import('react').RefAttributes<HTMLDivElement>>;
export default TrendMarker;