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;