export declare const activeBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
export declare const activeIconColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
export declare const feedbackContainer: import('@vanilla-extract/recipes').RuntimeFn<{
    previousResponse: {
        true: {
            backgroundColor: string;
        };
        false: {
            backgroundColor: "transparent";
            boxShadow: "none";
            gap: "6px";
        };
    };
}>;
export declare const feedbackButtonStyles: import('@vanilla-extract/recipes').RuntimeFn<{
    isSelected: {
        true: {
            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
            selectors: {
                '&:hover': {
                    backgroundColor: "transparent";
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
                '&:active': {
                    backgroundColor: "transparent";
                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                };
            };
        };
    };
    isCopied: {
        true: {
            selectors: {
                '&:hover': {
                    backgroundColor: "transparent";
                    color: string;
                };
            };
        };
    };
}>;
export declare const iconStyle: string;
export declare const checkedIcon: string;
//# sourceMappingURL=FeedbackButton.css.d.ts.map