import type React from 'react';
import { type CSSProperties, type PropsWithChildren, type JSX } from 'react';
import type * as styledSystem from 'styled-system';
import 'focus-visible';
export interface SystemCommonProps extends styledSystem.ColorProps, styledSystem.SpaceProps, styledSystem.DisplayProps {
}
export interface SystemTypographyProps extends styledSystem.TypographyProps {
    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
}
export type BaseStylesProps = PropsWithChildren & {
    as?: React.ComponentType<any> | keyof JSX.IntrinsicElements;
    className?: string;
    style?: CSSProperties;
    color?: string;
} & SystemTypographyProps & SystemCommonProps;
export declare function BaseStyles({ children, color, fontFamily, lineHeight, className, as: Component, style, ...rest }: BaseStylesProps): JSX.Element;
//# sourceMappingURL=BaseStyles.d.ts.map