import { CactusTheme } from '@repay/cactus-theme';
import { Property } from 'csstype';
import PropTypes from 'prop-types';
import React from 'react';
import { StyledComponent, ThemedStyledFunction } from 'styled-components';
import * as SS from 'styled-system';
export declare type Styled<P> = StyledComponent<React.FC<P>, CactusTheme>;
export declare const styledWithClass: <C extends React.ElementType<any>>(component: C, className: string) => ThemedStyledFunction<C, CactusTheme, {}, never>;
export declare const styledUnpoly: <C extends React.ElementType<any>, F extends React.ElementType<any> = C>(component: C, fixed?: F) => ThemedStyledFunction<F, CactusTheme, {}, never>;
export declare const styledProp: PropTypes.Requireable<string | number | (string | number)[]>;
export declare const classes: (...args: (string | undefined)[]) => string;
export declare const pickStyles: (styles: SS.styleFn, ...keys: string[]) => SS.styleFn;
export declare const omitStyles: (styles: SS.styleFn, ...keys: string[]) => SS.styleFn;
export declare const gapWorkaround: SS.styleFn | undefined;
declare const flexKeys: readonly ["alignItems", "alignContent", "justifyContent", "flexWrap", "flexDirection"];
declare const itemKeys: readonly ["flex", "flexGrow", "flexShrink", "flexBasis", "alignSelf", "order"];
export interface FlexProps extends Pick<SS.FlexboxProps, typeof flexKeys[number]> {
    flexFlow?: SS.ResponsiveValue<Property.FlexFlow>;
    gap?: SS.ResponsiveValue<Property.Gap<string | number>>;
    rowGap?: SS.ResponsiveValue<Property.RowGap<string | number>>;
    colGap?: SS.ResponsiveValue<Property.ColumnGap<string | number>>;
}
export interface FlexOptionProps extends Omit<FlexProps, 'flexFlow'> {
    flexFlow?: SS.ResponsiveValue<boolean | Property.FlexFlow>;
}
export declare type FlexItemProps = Pick<SS.FlexboxProps, typeof itemKeys[number]>;
export declare const flexContainer: SS.styleFn;
export declare const flexItem: SS.styleFn;
export declare const flexContainerOption: SS.styleFn;
export declare type AllWidthProps = SS.WidthProps & SS.MinWidthProps & SS.MaxWidthProps;
export declare const allWidth: SS.styleFn;
export declare type AllHeightProps = SS.HeightProps & SS.MinHeightProps & SS.MaxHeightProps;
export declare const allHeight: SS.styleFn;
export declare type SizingProps = AllWidthProps & AllHeightProps;
export declare const sizing: SS.styleFn;
/******* Text Styling *******/
interface TextDecorationProps {
    textDecoration?: SS.ResponsiveValue<Property.TextDecoration>;
    textDecorationColor?: SS.ResponsiveValue<Property.TextDecorationColor>;
    textDecorationLine?: SS.ResponsiveValue<Property.TextDecorationLine>;
    textDecorationSkipInk?: SS.ResponsiveValue<Property.TextDecorationSkipInk>;
    textDecorationStyle?: SS.ResponsiveValue<Property.TextDecorationStyle>;
    textDecorationThickness?: SS.ResponsiveValue<Property.TextDecorationThickness<string | number>>;
    textUnderlineOffset?: SS.ResponsiveValue<Property.TextUnderlineOffset<string | number>>;
    textUnderlinePosition?: SS.ResponsiveValue<Property.TextUnderlinePosition>;
}
interface TextDirectionProps {
    textOrientation?: SS.ResponsiveValue<Property.TextOrientation>;
    writingMode?: SS.ResponsiveValue<Property.WritingMode>;
}
interface TextDisplayProps {
    fontStretch?: SS.ResponsiveValue<Property.FontStretch>;
    fontVariant?: SS.ResponsiveValue<Property.FontVariant>;
    fontVariantCaps?: SS.ResponsiveValue<Property.FontVariantCaps>;
    fontVariantLigatures?: SS.ResponsiveValue<Property.FontVariantLigatures>;
    fontVariantNumeric?: SS.ResponsiveValue<Property.FontVariantNumeric>;
    textIndent?: SS.ResponsiveValue<Property.TextIndent<string | number>>;
    textTransform?: SS.ResponsiveValue<Property.TextTransform>;
}
interface TextOverflowProps extends SS.OverflowProps {
    hyphens?: SS.ResponsiveValue<Property.Hyphens>;
    overflowWrap?: SS.ResponsiveValue<Property.OverflowWrap>;
    textOverflow?: SS.ResponsiveValue<Property.TextOverflow>;
    whiteSpace?: SS.ResponsiveValue<Property.WhiteSpace>;
    wordBreak?: SS.ResponsiveValue<Property.WordBreak>;
}
interface UserSelectProps {
    userSelect?: SS.ResponsiveValue<Property.UserSelect>;
}
export declare const allText: SS.styleFn;
export declare type AllTextProps = SS.ColorProps & SS.TypographyProps & TextDecorationProps & TextDirectionProps & TextDisplayProps & TextOverflowProps & UserSelectProps;
export {};