@navinc/base-react-components
Version:
Nav's Pattern Library
23 lines (20 loc) • 1.48 kB
TypeScript
import { ReactElement } from 'react';
import { IconName } from './icons/index.js';
import { Button } from './button.js';
import { DataAttributes, InferComponentProps } from './types.js';
type Status = 'default' | 'error';
type AlertBannerProps = {
title: string;
desc: string;
icon?: IconName;
status?: Status;
renderPrimaryBtn?: (props: InferComponentProps<typeof Button> & DataAttributes) => ReactElement;
renderSecondaryBtn?: (props: InferComponentProps<typeof Button> & DataAttributes) => ReactElement;
};
export declare const AlertBanner: ({ title, desc, icon, status, renderPrimaryBtn, renderSecondaryBtn, ...props }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element;
/**
An information banner with preset alert status icon colors. Used for notifying customers of things such as: failed repayment, payment pending, Plaid connection issue, etc.
The `showPrimary` and `showSecondary` prop controls are only for demonstration purposes and are not part of the actual component. Please pass `renderPrimaryBtn` and `renderSecondaryBtn` respectively.
*/
export declare const InfoBanner: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<AlertBannerProps, never>> & string & Omit<({ title, desc, icon, status, renderPrimaryBtn, renderSecondaryBtn, ...props }: AlertBannerProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
export {};