import { CSSProperties } from 'glamor';
import { ApphouseComponent } from './component.interfaces';
import { LayoutStyles } from '../styles/defaults/themes.interface';
import { ViewStyle } from './cross-platform/@types/styles.cross-platform.interface';
import React from 'react';
/**
 * Interface for the view component
 */
interface ViewProps extends ApphouseComponent<CSSProperties>, ViewStyle {
    /**
     * The orientation of the view
     * @default "horizontal"
     * @optional
     */
    orientation?: keyof LayoutStyles;
    /**
     * The children to render
     */
    children?: React.ReactNode;
    /**
     * If true, the view will set alignItems: "center" when
     * orientation is "vertical" and justifyContent: "center" when
     * orientation is "horizontal"
     * @optional
     * @default false
     */
    centerAlign?: boolean;
    /**
     * To allow xray to be enabled for this component at the top component level
     * since View is a wrapper component
     */
    ['data-xray']?: string;
    /**
     * To allow style to be set for this component at the top component level
     * since View is a wrapper component
     */
    ['data-style']?: string;
}
/**
 * A component that renders a view
 */
export declare const View: (props: ViewProps) => import("react/jsx-runtime").JSX.Element;
export {};