import { BorderSize, CactusTheme, ColorStyle, Shape, TextStyle, TextStyleCollection } from '@repay/cactus-theme';
import { css, FlattenSimpleInterpolation } from 'styled-components';
export declare type Props = {
    theme: CactusTheme;
};
declare type ThicknessOpts = {
    [K in BorderSize]?: number;
};
export declare const borderSize: (props: Props) => string;
export declare const border: (theme: CactusTheme, color: string, { thin, thick }?: ThicknessOpts) => string;
export declare type Direction = 'top' | 'bottom' | 'left' | 'right';
export declare const insetBorder: (theme: CactusTheme, color: string, direction?: Direction | undefined, { thin, thick }?: ThicknessOpts) => string;
declare type MaxRadius = 8 | 20;
export declare const radius: (maxRadius: MaxRadius) => ({ theme }: Props) => string;
declare type PopupType = 'dialog' | 'menu';
export declare const popupShape: (popupType: PopupType, shape: Shape) => ReturnType<typeof css>;
export declare const popupBoxShadow: (theme: CactusTheme) => ReturnType<typeof css>;
export declare const invertColors: (style: ColorStyle) => ColorStyle;
export declare const shadowTypes: string[];
export declare const boxShadow: (theme: CactusTheme, shadowType: number | string) => string;
declare type FontSize = 'h1' | 'h2' | 'h3' | 'h4' | 'body' | 'p' | 'small' | 'tiny';
export declare const fontSize: (theme: CactusTheme, size: FontSize) => string;
export declare const textStyle: (theme: CactusTheme, size: keyof TextStyleCollection) => FlattenSimpleInterpolation | TextStyle;
declare type MediaQuery = keyof Required<CactusTheme>['mediaQueries'];
export declare const media: (theme: CactusTheme, query: MediaQuery) => string | undefined;
export declare const isResponsiveTouchDevice: (breakpoints: Required<CactusTheme>['breakpoints']) => boolean;
export {};