import { ReactNode } from 'react';
declare type CardProps = {
    /**
     * Icon to be shown as indicator
     */
    Icon?: ReactNode;
    /**
     * Color to be used as theme from the card. A transparency will be added to use as background color as well.
     */
    color: string;
    /**
     * The label, e.g. "DO", "DON'T"
     */
    label: string;
    /**
     * The instructions to show: use array for bullet list or string for paragraph.
     */
    instructions?: string[] | string;
    /**
     * The sample component to display.
     */
    Component?: ReactNode;
};
export declare const InstructionsCard: ({ Icon, color, Component, label, instructions, }: CardProps) => JSX.Element;
/**
 * Component to render general instructions or for a specific component.
 */
export declare const Dos: ({ Icon, color, label, Component, instructions, }: CardProps) => JSX.Element;
/**
 * Component to render general restrictions or for a specific component.
 */
export declare const Donts: ({ Icon, color, label, Component, instructions, }: CardProps) => JSX.Element;
export declare const SampleButton: () => JSX.Element;
export {};