import type { ReactNode } from 'react';
import type { Mode } from '@splunk/dashboard-types';
export type BorderStyle = 'selected' | 'lowContrastGray' | 'highContrastGray' | 'none';
export interface GetBorderStyleArgs {
    isSelected: boolean;
    layoutItemType: string;
    mode?: Mode;
    hasDrilldown?: boolean;
    canBeHidden?: boolean;
}
export declare const getBorderStyle: ({ isSelected, layoutItemType, mode, hasDrilldown, canBeHidden, }: GetBorderStyleArgs) => BorderStyle;
export interface SelectableContainerProps {
    itemId: string;
    width: string | number;
    height?: string | number;
    children: ReactNode;
    outlineStyle: BorderStyle;
    zIndex?: number;
    canBeHidden?: boolean;
}
export declare const SelectableContainer: import("styled-components").StyledComponent<"div", any, SelectableContainerProps, never>;
//# sourceMappingURL=SelectableContainer.d.ts.map