import { SizeSmall, SizeMedium } from '../common';
interface DecisionOption {
    'aria-label'?: string;
    description?: React.ReactNode;
    disabled?: boolean;
    href?: string;
    target?: React.HTMLAttributeAnchorTarget;
    media: {
        block: React.ReactNode;
        list: React.ReactNode;
    };
    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
    title: React.ReactNode;
}
export declare enum DecisionPresentation {
    LIST = "LIST",
    LIST_BLOCK = "LIST_BLOCK",
    LIST_BLOCK_GRID = "LIST_BLOCK_GRID"
}
export declare enum DecisionType {
    NAVIGATION = "NAVIGATION"
}
export interface DecisionProps {
    /**  A list of elements to be rendered */
    options: readonly DecisionOption[];
    /**  Handles the display mode of the component */
    presentation?: `${DecisionPresentation}`;
    /** Size currently affects only Tile dimension */
    size?: SizeSmall | SizeMedium;
    /** Decide which kind of element type needs to be rendered ex: Navigation Options or in the future Radio or Checkbox Options */
    type?: `${DecisionType}`;
    /** Display media in a circle in list presentation */
    showMediaCircleInList?: boolean;
    /** Sets navigation options to be aligned with the parent container */
    isContainerAligned?: boolean;
}
declare const Decision: ({ options, presentation, size, type, showMediaCircleInList, isContainerAligned, }: DecisionProps) => import("react").JSX.Element | null;
export default Decision;
//# sourceMappingURL=Decision.d.ts.map