/// <reference types="react" />
import { SerializedStyles } from "@emotion/react";
import { skinMap } from "./style";
export interface SmallButtonProps {
    /**
     * whether the image is loading, only works when srcType is image
     */
    loading?: boolean;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    /**
     * the content of the button, can be image src or text
     */
    content: string;
    /**
     * the type of the content
     */
    contentType?: "font" | "diy" | "image";
    /**
     * the tip of the button, will show when hover
     */
    tip: string;
    skin?: keyof typeof skinMap | "default";
    /**
     * whether the button is borderless, default is false
     */
    borderless?: boolean;
    /**
     * customize the style of the button if needed
     */
    cssStyle?: SerializedStyles;
    /**
     * the className of the button
     */
    className?: string;
    /**
     * the style of the button
     */
    style?: React.CSSProperties;
}
export declare const SmallButton: ({ loading, onClick, content, contentType, tip, skin, borderless, cssStyle, className, style, }: SmallButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
