import { Root, RootProps } from './dashboard-card-root';
import { Heading, HeadingProps } from './dashboard-card-heading';
import { Subtitle, SubtitleProps } from './dashboard-card-subtitle';
import { Avatar, AvatarProps } from './dashboard-card-avatar';
import { Content, ContentProps } from './dashboard-card-content';
import { Illustration, IllustrationProps } from './dashboard-card-illustration';
import { Footer, FooterProps } from './dashboard-card-footer';

export type DashboardCardProps = {
    Root: RootProps;
    Avatar: AvatarProps;
    Illustration: IllustrationProps;
    Heading: HeadingProps;
    Subtitle: SubtitleProps;
    Content: ContentProps;
    Footer: FooterProps;
};
/**
 * Dashboard card is used as a navigation anchor from MinSide homepage to other pages.
 * The dashboard card by default is an anchor element, but it can be used as a button as well.
 * Use the `asChild` prop to render it as a button. Button onClick event gives you an opportunity
 * to handle your custom logic before the navigation happens. When you need just to navigate,
 * prefer using default - anchor.
 *
 * @component
 *
 * @example
 *  <DashboardCard>
 *    <DashboardCard.Avatar/>
 *    <DashboardCard.Heading/>
 *    <DashboardCard.Subtitle/>
 *    <DashboardCard.Content/>
 *  </DashboardCard>
 */
declare const DashboardCard: typeof Root & {
    /**
     * Avatar component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Avatar/>
     */
    Avatar: typeof Avatar;
    /**
     * Illustration component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Illustration/>
     */
    Illustration: typeof Illustration;
    /**
     * Heading component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Heading/>
     */
    Heading: typeof Heading;
    /**
     * Subtitle component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Subtitle/>
     */
    Subtitle: typeof Subtitle;
    /**
     * Content component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Content/>
     */
    Content: typeof Content;
    /**
     * Footer component for the DashboardCard.
     *
     * @component
     *
     * @example
     * <DashboardCard.Footer/>
     */
    Footer: typeof Footer;
};
export { DashboardCard };