import type { ReactNode } from "react";
import React from "react";
import type { StyleProp, ViewStyle } from "react-native";
export type Spacing = "none" | "base" | "slim" | "small" | "smaller" | "smallest" | "minuscule" | "large" | "larger" | "largest" | "extravagant";
export interface ContentUnsafeStyle {
    container?: StyleProp<ViewStyle>;
    childWrapper?: StyleProp<ViewStyle>;
}
export interface ContentProps {
    /**
     * The child or children that will be given spacing.
     */
    readonly children: ReactNode;
    /**
     * The amount of spacing that content will give.
     */
    readonly spacing?: Spacing;
    /**
     * The amount of spacing that will be applied between children.
     */
    readonly childSpacing?: Spacing;
    readonly direction?: "horizontal" | "vertical";
    /**
     * **Use at your own risk:** Custom style for specific elements. This should only be used as a
     * **last resort**. Using this may result in unexpected side effects.
     * More information in the [Customizing components Guide](https://atlantis.getjobber.com/guides/customizing-components).
     */
    readonly UNSAFE_style?: ContentUnsafeStyle;
}
export declare function Content({ children, spacing, childSpacing, direction, UNSAFE_style, }: ContentProps): React.JSX.Element;