@crossed/ui
Version:
A universal & performant styling library for React Native, Next.js & React
92 lines • 2.9 kB
TypeScript
/**
* Copyright (c) Paymium.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root of this projects source tree.
*/
import { type TextProps } from '../typography/Text';
import { type ButtonTextProps, type ButtonProps } from '../buttons/Button';
import { CrossedMethods } from '@crossed/styled';
import { type YBoxProps } from '../layout/YBox';
declare const containerStyles: {
error: CrossedMethods<{
base: {
borderColor: "#EF4444";
backgroundColor: "white" | "#2D2D61";
};
}>;
success: CrossedMethods<{
base: {
borderColor: "#3ABB7D";
backgroundColor: "white" | "#2D2D61";
};
}>;
warning: CrossedMethods<{
base: {
borderColor: "#F97316";
backgroundColor: "white" | "#2D2D61";
};
}>;
info: CrossedMethods<{
base: {
borderColor: "#93C5FD";
backgroundColor: "white" | "#2D2D61";
};
}>;
};
export type BannerProps = YBoxProps & {
status?: keyof typeof containerStyles;
};
export declare const bannerContext: import("react").Context<Pick<BannerProps, "status">>;
declare const BannerIcon: {
({ style, }: {
/**
* Style of container Box
*/
style?: CrossedMethods<any>;
}): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
declare const BannerTitle: {
({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
declare const BannerDescription: {
(props: TextProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
declare const BannerAction: {
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
declare const BannerActionText: (props: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
declare const Banner: {
({ status, children, style, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
} & {
Icon: {
({ style, }: {
/**
* Style of container Box
*/
style?: CrossedMethods<any>;
}): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
Title: {
({ style, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
Description: {
(props: TextProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
Action: {
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
displayName: string;
} & {
Text: (props: ButtonTextProps) => import("react/jsx-runtime").JSX.Element;
};
};
export { Banner, BannerIcon, BannerTitle, BannerActionText, BannerDescription, BannerAction, };
//# sourceMappingURL=Banner.d.ts.map