import { type PropsWithChildren } from 'react';
import { type StylingProps, type MaskingProps, type DataTestId } from '@dynatrace/strato-components/core';
import type { AriaLabel } from '../../../../core/types/aria-label.js';
import { MeterBarSize } from '../../types/meter-bars.js';
export interface MeterBarLayoutProps extends StylingProps, MaskingProps, DataTestId, AriaLabel {
    /**
     * The size that applies to the value, icon, and label.
     * @defaultvalue 'size16'
     */
    size: MeterBarSize;
}
/**
 * Component responsible for defining the layout of the meter bars.
 * The layout is divided in the labels area (icon, label and value), chart area and legend area.
 */
export declare const MeterBarLayoutRoot: (props: MeterBarLayoutProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;
/** Slot component for meter bar */
export declare const MeterBarLayout: ((props: MeterBarLayoutProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
    Label: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;
    Min: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;
    Max: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;
    Chart: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Value: ({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element | null;
    Icon: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element | null;
        displayName: string;
    };
    Legend: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element | null;
        displayName: string;
    };
};