import { JSX } from 'react'; import { ButtonProps } from '../../../../tedi'; import { MapDropdownItem } from '../map-dropdown/map-dropdown'; export interface MapButtonProps extends Omit { /** * Size of the button. Can be: * - `'default'` – standard size. * - `'small'` – smaller button for compact UIs. */ size?: 'default' | 'small'; /** * Name of the icon to display inside the button (e.g., Material Symbols name). * If set, the icon appears alongside or instead of the label. */ icon?: string; /** * Whether the button is in a selected state. * Useful for toggles or filter-style buttons. */ selected?: boolean; /** * If `true`, hides the label visually (icon-only button). * Label may still be available to screen readers. */ hideLabel?: boolean; /** * Content to show in a tooltip on hover or focus. * Can be a string or a React element for custom tooltips. */ tooltipContent?: string | React.ReactNode; /** * Optional dropdown menu items. * When provided, the button can toggle a dropdown menu. */ dropdownItems?: MapDropdownItem[]; } export declare const MapButton: (props: MapButtonProps) => JSX.Element; export default MapButton;