@saas-ui/layout
Version:
Saas UI Layout components for Chakra UI
28 lines • 1.49 kB
TypeScript
import * as React from 'react';
import { As, ThemingProps, IconProps, SystemProps, HTMLChakraProps, HeadingProps, TextProps, ButtonGroupProps } from '@chakra-ui/react';
export interface EmptyStateProps extends Omit<EmptyStateContainerProps, 'title'> {
title?: React.ReactNode;
description?: React.ReactNode;
icon?: As<any>;
actions?: React.ReactNode;
footer?: React.ReactNode;
children?: React.ReactNode;
spacing?: SystemProps['margin'];
}
export declare const EmptyState: React.FC<EmptyStateProps>;
export interface EmptyStateContainerProps extends HTMLChakraProps<'div'>, ThemingProps<'EmptyState'> {
children?: React.ReactNode;
spacing?: SystemProps['margin'];
}
export declare const EmptyStateContainer: React.FC<EmptyStateContainerProps>;
export declare const EmptyStateIcon: import("@chakra-ui/system/dist/system.types").ComponentWithAs<import("@chakra-ui/system/dist/system.types").ComponentWithAs<"svg", IconProps>, IconProps>;
export declare const EmptyStateTitle: React.FC<HeadingProps>;
export declare const EmptyStateDescription: React.FC<TextProps>;
interface EmptyStateBodyProps extends HTMLChakraProps<'div'> {
spacing?: SystemProps['margin'];
}
export declare const EmptyStateBody: React.FC<EmptyStateBodyProps>;
export declare const EmptyStateActions: React.FC<ButtonGroupProps>;
export declare const EmptyStateFooter: React.FC<HTMLChakraProps<'footer'>>;
export {};
//# sourceMappingURL=empty-state.d.ts.map