import { JSX, ReactNode } from 'react';
export interface ListDetailsItemProps {
    /**
     * label to show on the left side. In a key/value pair, this is the `key`
     */
    label: string;
    /**
     * content to show on the right side.
     * It represent the value.
     * Most of the time it should be a `<CopyToClipboard>` component
     */
    children?: ReactNode;
    /**
     * To show the skeleton item while `children` ar not yet. Label is always rendered
     */
    isLoading?: boolean;
    /**
     * Specify `none` to remove border
     */
    border?: "none";
    /**
     * Text alignment for children on the right side.
     */
    childrenAlign?: "left" | "right";
    /**
     * Specify `none` to remove side gutter
     */
    gutter?: "none";
}
export declare function ListDetailsItem({ label, children, isLoading, border, gutter, childrenAlign, ...rest }: ListDetailsItemProps): JSX.Element;
export declare namespace ListDetailsItem {
    var displayName: string;
}