import * as React from 'react';
import { BoxProps } from '../Box';
export declare type ArticleProps = BoxProps<any>;
export declare const Article: React.NamedExoticComponent<import("../..").ITypographyProps & import("../..").ISizeProps & import("../..").IMarginProps & import("../..").IPaddingProps & import("../..").IShadowProps & import("../..").IColorProps & {
    outline?: "none";
    borderColor?: import("../..").BorderColorVals | import("../../enhancers/pseudo").Pseudo<import("../..").BorderColorVals, "active" | "hover" | "focus" | "focusWithin">;
} & import("../..").BorderWidthProps & import("../..").BorderRoundedProps & import("../..").IRingProps & import("../..").IInteractivityProps & import("../..").IFlexProps & import("../..").IPositionProps & import("../..").TransformProps & import("../..").ILayoutProps & import("../Box").DatasetProps & {
    as?: any;
    className?: string;
    role?: string;
    noFocusRing?: boolean;
    children?: React.ReactNode;
} & Omit<any, `data-${string}` | keyof import("../..").ITypographyProps | keyof import("../..").ISizeProps | keyof import("../..").IMarginProps | keyof import("../..").IPaddingProps | "boxShadow" | keyof import("../..").IColorProps | "outline" | "borderColor" | keyof import("../..").BorderWidthProps | keyof import("../..").BorderRoundedProps | keyof import("../..").IRingProps | keyof import("../..").IInteractivityProps | keyof import("../..").IFlexProps | keyof import("../..").IPositionProps | keyof import("../..").TransformProps | keyof import("../..").ILayoutProps | "as" | "className" | "role" | "noFocusRing" | "children">>;