import React from "react";
export declare type ButtonProps = {
    children: string;
    color: "gray" | "red" | "rose" | "blue";
    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
};
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
export declare const StyledButton: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"button", {
    color: {
        gray: any;
        rose: any;
        blue: any;
        red: any;
    };
}, import("@stitches/core").TConditions & {
    initial: "";
}, {
    colors: {
        DTSbg: string;
        DTSbgScriptEditor: string;
        DTSbgInput: string;
        DTSbuttonBlue: string;
        DTSbuttonBlueHover: string;
        DTSbuttonRose: string;
        DTSbuttonRoseHover: string;
        DTSbuttonRed: string;
        DTSbuttonRedHover: string;
        DTSbuttonGray: string;
        DTSbuttonGreen: string;
        DTSbatchNormalizing: string;
        DTSbatchOperations: string;
        DTSoperationHere: string;
        DTStextOperationBlue: string;
        DTStextPropertiesBlue: string;
    };
}, {
    $reset: unknown;
    $gridCenter: unknown;
    $flex: unknown;
    $truncate: unknown;
    $focus: unknown;
}, import("@stitches/core").CSSPropertiesToTokenScale>;
//# sourceMappingURL=button.d.ts.map