import { CSSObject } from '@mui/material';
/**
 * Style for interactive elements like list and buttons. Usage in theme as:
 *  ...getInteractiveStyle(
 *   { backgroundColor: 'transparent' },
 *   { backgroundColor: theme.palette.surface.primary },
 *   { backgroundColor: theme.palette.surface.secondary },
 *  ),
 *
 * @param defaultStyle - default applied style
 * @param hoverStyle - style applied on hover, focus, and selected (desktop only)
 * @param clickedStyle - (optional) style applied with click, defaults to defaultStyle
 * @param mobileStyle - (optional) extra style applied on mobile
 * @param focusSelector - focus visible selector
 */
export declare const getInteractiveStyle: (defaultStyle: CSSObject, hoverStyle: CSSObject, clickedStyle?: CSSObject, mobileStyle?: CSSObject, focusSelector?: string) => CSSObject;