import { MouseEvent } from 'react'; import { ButtonV2Size, ButtonV2State, ButtonV2SubType, ButtonV2Type } from './buttonV2.types'; import { ButtonV2TokensType } from './buttonV2.tokens'; export declare function getButtonV2BorderRadius(size: ButtonV2Size, buttonType: ButtonV2Type, subType: ButtonV2SubType, buttonGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: ButtonV2TokensType): string; export declare function createButtonClickHandler(onClick?: (event?: MouseEvent) => void, isSkeleton?: boolean, isDisabled?: boolean, isLoading?: boolean): (event: MouseEvent) => void; export declare function getButtonHeight(subType: ButtonV2SubType): string | undefined; export declare function getIconMaxHeight(subType: ButtonV2SubType, leftSlotMaxHeight: string | number | undefined, rightSlotMaxHeight: string | number | undefined, defaultMaxHeight: string | number): { left: string; right: string; }; export declare function getButtonStatus(isLoading: boolean | undefined, isDisabled: boolean | undefined): 'loading' | 'disabled' | 'enabled'; export declare function getButtonTabIndex(isDisabled: boolean, providedTabIndex?: number): number; export declare function getSkeletonBorderRadius(size: ButtonV2Size, buttonType: ButtonV2Type, subType: ButtonV2SubType, buttonGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: ButtonV2TokensType): string; export declare function getSkeletonWidth(width?: string | number): string; export declare function getButtonBorderStyles(buttonGroupPosition: 'center' | 'left' | 'right' | undefined, defaultBorder: string | undefined): { border?: string; borderTop?: string; borderRight?: string; borderBottom?: string; borderLeft?: string; }; /** Return type for getButtonStyles (explicit to avoid csstype reference in .d.ts) */ export type ButtonStylesReturn = { background?: string; color?: string; border?: string; borderTop?: string; borderBottom?: string; borderLeft?: string; borderRight?: string; cursor?: string; _active?: Record; _hover?: Record; _focusVisible?: Record; _disabled?: Record; }; /** * Get all button styles in one call for better performance */ export declare function getButtonStyles(isSkeleton: boolean, isDisabled: boolean, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType, buttonGroupPosition?: 'center' | 'left' | 'right'): ButtonStylesReturn; export declare function getIconColor(isSkeleton: boolean, disabled: boolean | undefined, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType): string; export declare function getTextColor(isSkeleton: boolean, disabled: boolean | undefined, state: ButtonV2State, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType): string; export declare function getButtonPadding(size: ButtonV2Size, buttonType: ButtonV2Type, subType: ButtonV2SubType, tokens: ButtonV2TokensType): { top: string; right: string; bottom: string; left: string; }; export declare function getButtonLineHeight(size: ButtonV2Size, tokens: ButtonV2TokensType): string;