import { GapOffsetShorthandType, OffsetShorthandType } from '../../types/OffsetType';
import { RowColumnGapType } from '../rowColumnGap';
import { TrblType } from '../trbl';
export interface BoxProps {
    $height?: string;
    $width?: string;
    $margin?: TrblType | OffsetShorthandType;
    $padding?: TrblType | OffsetShorthandType;
    $maxHeight?: string;
    $minHeight?: string;
    $maxWidth?: string;
    $minWidth?: string;
    $zIndex?: number;
    $position?: 'static' | 'relative' | 'fixed' | 'absolute';
    $top?: string;
    $right?: string;
    $bottom?: string;
    $left?: string;
}
/**
 * Helper that lets you filter out BoxProps from a set of props so
 * they can be spread on a component
 */
export declare const boxProps: <P extends BoxProps>(props: P) => BoxProps;
export interface FlexProps {
    $order?: number;
    $direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
    $justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly';
    $alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    $alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
    $alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    $inline?: boolean;
    $wrap?: boolean;
    $grow?: number;
    $shrink?: number;
    $basis?: string;
    $gap?: RowColumnGapType | GapOffsetShorthandType;
}
/**
 * Helper that lets you filter out FlexProps from a set of props so
 * they can be spread on a component
 */
export declare const flexProps: <P extends FlexProps>(props: P) => FlexProps;
export declare const flex: import("styled-components").RuleSet<FlexProps> & {
    props: FlexProps;
};
export declare const box: import("styled-components").RuleSet<BoxProps> & {
    props: BoxProps;
};