import { GlossPropertySet } from '@o/css';
import { MotionProps, MotionTransform, Transition } from 'framer-motion';
import { AlphaColorProps, CommonHTMLProps, CSSPropertySet, CSSPropertySetStrict, GlossProps } from 'gloss';
import React from 'react';
import { AnimationStore } from '../Geometry';
import { Size } from '../Space';
import { TextSizeProps } from '../text/textSizeTheme';
import { CommonViewProps } from './CommonViewProps';
import { ElevatableProps } from './elevation';
import { MarginProps } from './marginTheme';
import { PaddingProps } from './PaddedView';
export declare type BaseViewProps = CommonHTMLProps & CommonViewProps;
export declare const BaseViewProps: (props: BaseViewProps) => React.ReactNode;
export declare const BaseCSSProps: (props: CSSPropertySet) => any;
export declare type SizesObject = {
    top?: Size;
    left?: Size;
    bottom?: Size;
    right?: Size;
    x?: Size;
    y?: Size;
};
export declare type OrbitMotionTransform = {
    [P in keyof MotionTransform]: MotionTransform[P] | AnimationStore;
};
export declare type ViewBaseProps = TextSizeProps & AlphaColorProps & ElevatableProps & MarginProps & PaddingProps & Omit<MotionProps, 'animate' | 'transition' | 'padding'> & OrbitMotionTransform & {
    label?: React.ReactNode;
    animate?: boolean | MotionProps['animate'];
};
export declare type OrbitCSSPropertySet = Omit<CSSPropertySetStrict, 'margin' | 'padding' | 'transition'>;
declare type ExtraAnimatableProperties = 'background' | 'color' | 'border' | 'borderColor' | 'backgroundColor' | 'opacity';
export declare type OrbitCSSPropertyAnimation = {
    [P in ExtraAnimatableProperties]?: OrbitCSSPropertySet[P] | AnimationStore;
};
export declare type ViewPropsPlain = Omit<ViewBaseProps, 'direction'> & Omit<OrbitCSSPropertyAnimation, 'direction'> & {
    direction?: 'horizontal' | 'vertical' | OrbitCSSPropertySet['direction'];
    transition?: CSSPropertySetStrict['transition'] | Transition;
};
export declare type ViewProps = GlossProps<ViewPropsPlain>;
export declare type ViewThemeProps = ViewBaseProps & GlossPropertySet;
export declare type ViewCSSProps = GlossPropertySet;
export declare type ScrollablePropVal = boolean | 'x' | 'y';
export declare type ScrollableViewProps = Omit<ViewProps, 'flexFlow'> & {
    hideScrollbars?: boolean;
    scrollable?: ScrollablePropVal;
    parentSpacing?: Size;
};
export {};
//# sourceMappingURL=types.d.ts.map