import { MediaWidths } from '@past3lle/theme';
import { GenericImageSrcSet } from '@past3lle/types';
import React from 'react';
import { DefaultTheme } from 'styled-components';
import { RowProps } from '../Layout';
export interface ButtonBaseProps {
    buttonVariant?: ButtonVariations;
    buttonSize?: ButtonSizeVariations;
}
export declare enum ButtonVariations {
    DEFAULT = "DEFAULT",
    PRIMARY = "PRIMARY",
    SECONDARY = "SECONDARY",
    DANGER = "DANGER",
    SUCCESS = "SUCCESS",
    WARNING = "WARNING",
    CANCEL = "CANCEL",
    DISABLED = "DISABLED",
    THEME = "THEME",
    DARK_MODE_TOGGLE = "DARK_MODE_TOGGLE"
}
export declare enum ButtonSizeVariations {
    DEFAULT = "DEFAULT",
    SMALL = "SMALL",
    BIG = "BIG"
}
export declare const BV: typeof ButtonVariations;
export declare const BSV: typeof ButtonSizeVariations;
export declare type SpecialThemedButtonProps = {
    color?: string;
    filter?: string;
    hoverFilter?: string;
    innerBgColor?: string;
    innerOpacity?: number;
    innerFilter?: string;
    innerHoverFilter?: string;
    textShadow?: string;
};
declare type CustomButtonStyleProps = {
    transitionTime?: number;
    background?: string;
    borderRadius?: string;
    gradientColours?: string[];
    bgBlendMode?: 'lighten' | 'difference' | 'color' | 'color-burn' | 'exclusion' | 'saturation' | 'hard-light' | 'soft-light' | 'screen' | 'multiply';
    bgAttributes?: [string, string];
    backgroundColor?: string;
    filter?: string;
};
export declare type ButtonProps = RowProps & ButtonBaseProps & CustomButtonStyleProps & {
    bgImage?: GenericImageSrcSet<MediaWidths>;
};
export declare const Button: import("styled-components").StyledComponent<React.FunctionComponent<import("rebass").BoxProps>, DefaultTheme, ButtonProps, never>;
export declare const PstlButton: import("styled-components").StyledComponent<({ children, ...buttonProps }: ButtonProps) => React.JSX.Element, DefaultTheme, {}, never>;
export {};
//# sourceMappingURL=index.d.ts.map