import { Content, ContentProps } from './notabene.content';
import { Heading, HeadingProps } from './notabene-heading';
import { Icon, IconProps } from './notabene-icon';
import { Root, RootProps } from './notabene-root';

type NotabeneProps = {
    Root: RootProps;
    Content: ContentProps;
    Heading: HeadingProps;
    Icon: IconProps;
};
/**
 * The Notabene Card is a component that is used to attract special attention to a message, where it would otherwise be lost in neighbouring content.
 *
 * @component
 *
 * @example
 * <Notabene>
 *   <Notabene.Icon name="bulb" />
 *   <Notabene.Content>
 *     <Notabene.Heading>Good to know!</Notabene.Heading>
 *     <Text mb="50">Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur, provident!</Text>
 *     <Link variant="standalone" href="https://www.example.com" target="_blank">
 *       Do not click me <Icon name="arrow-right" />
 *     </Link>
 *   </Notabene.Content>
 * </Notabene>
 */
declare const Notabene: typeof Root & {
    /**
     * Content component displays the detailed message.
     *
     * @component
     *
     * @example
     * <Notabene.Content>This is the detailed message of the notabene.</Notabene.Content>
     */
    Content: typeof Content;
    /**
     * Heading component displays the title of the notabene.
     *
     * @component
     *
     * @example
     * <Notabene.Heading as="h3">Notabene Title</Notabene.Heading>
     */
    Heading: typeof Heading;
    /**
     * Icon component displays an icon in the notabene.
     *
     * @component
     *
     * @example
     * <Notabene.Icon name="info" />
     */
    Icon: typeof Icon;
};
export { Notabene };
export type { NotabeneProps };