import * as React from 'react';
import { TagVariants } from '../../index';
import { ReactNode } from 'react';
export interface VerticalCardMiddleSectionProps {
    /** Color of the band to be shown on the top of middle section. */
    colorBandColor?: string;
    /** Icon to be shown on the left side of the categoryLabel. */
    categoryIcon?: React.ReactNode;
    /** Label to be shown at the top part of the middle section. */
    categoryLabel?: string;
    /** Main title of the Card component. */
    title: string;
    /** Description of the Card. */
    description?: string;
    /** Tags to be shown under the description. */
    tags?: VerticalCardTag[];
    /** Second row of tags if needed. */
    row2Tags?: VerticalCardTag[];
    /** This property is set by Card component itself and is based on 'disabled' flag of CardProps. */
    disabled?: boolean;
    /** Top level Id of Card component */
    componentId?: string;
}
export interface VerticalCardTag {
    label: string;
    variant?: TagVariants;
    icon?: ReactNode;
}
export declare const VerticalCardMiddleSectionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const VerticalCardMiddleSectionColorBandStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $color: string;
}>> & string;
export declare const VerticalCardMiddleSectionTagsStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
export declare const VerticalCardMiddleSectionCategoryStyles: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    $extraTopMargin: boolean;
    $bottomMargin: boolean;
}>> & string;
export declare const VerticalCardMiddleSectionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
    $disabled?: boolean;
}>> & string;
declare const VerticalCardMiddleSection: React.FunctionComponent<VerticalCardMiddleSectionProps>;
export default VerticalCardMiddleSection;