import { default as React } from 'react';
import { LabelAndDataProps } from '../LabelAndData/LabelAndData';
import { TagProps } from '../Tag/Tag';
type Header = {
    /** The header label and data that appears in the left side of the header */
    labelAndData?: Omit<LabelAndDataProps, 'children' | 'customClass' | 'labelClass'>;
    /** The tag that appears in the right side of the header */
    tag?: TagProps;
    /** The edit function to be passed into the edit icon in the right side of the header */
    edit?: () => void;
};
export type InformationPaneProps = {
    /** InformationPane will accept any children elements. It is recommended to use the components defined in this file - ImageAndName, Section, CustomSection, and Divider - to achieve the desired design. */
    children: React.ReactNode;
    /** The header that will be displayed when `simple` is not defined. This will always be displayed in the desktop view, even if `simple` is defined. */
    header?: Header;
    /** Optional prop to simplify the mobile view for this component. */
    simple?: SimpleProps;
    /** Indicates if the page has a PageFooter component, which affects container height calculations */
    includePageFooterHeight?: boolean;
    /** Optionally hide gradient overlays in the scrolling container */
    hideGradients?: boolean;
    /** Optional prop to add a test id to the InformationPane for QA testing */
    qaTestId?: string;
};
declare const InformationPane: {
    ({ header, children, simple, includePageFooterHeight, hideGradients, qaTestId, }: InformationPaneProps): React.JSX.Element;
    ImageAndName: ({ imgUrl, product, }: ImageAndNameProps) => React.JSX.Element;
    Section: ({ data, isTwoColumns }: SectionProps) => React.JSX.Element;
    CustomSection: ({ children }: CustomSectionProps) => import("react/jsx-runtime").JSX.Element;
    Divider: () => React.JSX.Element;
    Simple: ({ imgUrl, product, identifier, qaTestId, }: SimpleProps) => React.JSX.Element;
};
type ImageAndNameProps = {
    /** The url of the product image */
    imgUrl?: string;
    /** The product name and associated marketplace url */
    product: {
        name: string;
        url?: string;
    };
};
type SectionProps = {
    /** Array of LabelAndData props that will populate in this section */
    data: Omit<LabelAndDataProps, 'customClass' | 'labelClass'>[];
    /** Boolean used to style the section into 1 or 2 columns. 1 column is the default. */
    isTwoColumns?: boolean;
};
type CustomSectionProps = {
    /** The children elements to be passed into the component. */
    children: React.ReactNode;
};
type SimpleProps = ImageAndNameProps & {
    /** The product identifier */
    identifier: string;
    /** Optional prop to add a test id to the Simple for QA testing */
    qaTestId?: string;
};
export { InformationPane };