import type { MyMD3Theme } from '../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    styles: {
        button: {
            flexDirection: "row";
            alignItems: "center";
            justifyContent: "center";
        };
        buttonSmall: {
            borderRadius: number;
            paddingVertical: number;
            paddingHorizontal: number;
        };
        smallWithIcon: {
            gap: number;
            paddingLeft: number;
            paddingRight: number;
        };
        smallOnlyIcon: {
            padding: number;
        };
        buttonLarge: {
            borderRadius: number;
            paddingVertical: number;
            paddingHorizontal: number;
        };
        largeWithIcon: {
            gap: number;
            paddingLeft: number;
            paddingRight: number;
        };
        largeOnlyIcon: {
            padding: number;
        };
        buttonPrimary: {
            backgroundColor: string;
        };
        buttonPrimaryDisabled: {
            backgroundColor: string;
        };
        buttonSecondary: {
            backgroundColor: string;
            borderColor: string;
            borderWidth: number;
        };
        buttonInverse: {
            backgroundColor: string;
            borderColor: string;
            borderWidth: number;
        };
        buttonInline: {
            backgroundColor: string;
            color: string;
        };
        buttonInlineDisabled: {
            backgroundColor: string;
            color: string;
        };
        textPrimary: {
            color: string;
        };
        textSecondary: {
            color: string;
        };
        textInverse: {
            color: string;
        };
        icon: {
            width: number;
            height: number;
        };
    };
    theme: MyMD3Theme;
};
//# sourceMappingURL=styles.d.ts.map