/** @module @airtable/blocks/ui: Box */ /** */
import * as React from 'react';
import { AllStylesProps } from './system/index';
import { AriaProps } from './types/aria_props';
import { TooltipAnchorProps } from './types/tooltip_anchor_props';
import { DataAttributesProp } from './types/data_attributes_prop';
/**
 * Props for the Box component. Also accepts:
 * * {@link AllStylesProps}
 * * {@link AriaProps}
 *
 * @docsPath UI/components/Box
 * @noInheritDoc
 */
export interface BoxProps extends AllStylesProps, AriaProps, TooltipAnchorProps {
    /** The element that is rendered. Defaults to `div`. */
    as?: 'div' | 'span' | 'section' | 'main' | 'nav' | 'header' | 'footer' | 'aside' | 'article' | 'address' | 'hgroup' | 'blockquote' | 'figure' | 'figcaption' | 'ol' | 'ul' | 'li' | 'pre';
    /** The contents of the box. */
    children?: React.ReactNode | string;
    /** The `tabIndex` attribute. */
    tabIndex?: number;
    /** The `role` attribute. */
    role?: string;
    /** The `id` attribute. */
    id?: string;
    /** Additional class names to apply, separated by spaces. */
    className?: string;
    /** Additional styles. */
    style?: React.CSSProperties;
    /** Data attributes that are spread onto the element, e.g. `dataAttributes={{'data-*': '...'}}`. */
    dataAttributes?: DataAttributesProp;
}
declare const ForwardedRefBox: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
export default ForwardedRefBox;
