import React, { InputHTMLAttributes } from 'react'; import { CommonProps } from '../Element/Element'; import { CreateProps } from '../../types/utils/CreateProps'; export declare type SelectionButtonProps = CreateProps<{ /** Unique specifier for the SelectionButton */ id: string; /** Name of the form control. Submitted with the form as a name of value. * Needed together with value prop to activate radiobutton, that will have this prop as a name. */ name?: InputHTMLAttributes['name']; /** Value of the form control. Submitted with the form as a value of name. * Needed together with name prop to activate radiobutton, that will have this prop as a value. */ value?: InputHTMLAttributes['value']; /** Main value shown inside the SelectionButton */ label?: string; /** Smaller description shown inside the SelectionButton */ description?: string; /** Disables the SelectionButton */ disabled?: boolean; /** Visually shows that option is not available. SelectionButton is still clickable and focusable */ notAvailable?: boolean; /** Visualization if option is selected */ selected?: boolean; /** Enables smaller height variant of the SelectionButton */ narrow?: boolean; /** Variant with dropshadow. Disabled options don't show the shadow. */ withShadow?: boolean; /** Src is used to show image inside of button. In order to show image use src and alt props. */ src?: string; /** Alt is used with image inside SelectionButton to display image name. In order to show image use src and alt props. */ alt?: string; /** Title prop is used with image as well to add native html title property to img tag. */ title?: string; /** Onclick handler */ onClick: (event: React.SyntheticEvent, id: string) => void; }, CommonProps<'button'>, 'tagName' | 'backgroundColor' | 'boxShadow' | 'color' | 'padding' | 'borderRadius' | 'tabIndex' | 'onClick'>; export declare type SelectionButtonShape = SelectionButtonProps; declare const SelectionButton: React.FunctionComponent; export default SelectionButton;