import type { FC, DetailedHTMLProps, HTMLAttributes } from 'react';
import type { ButtonType, LinkTarget, IconName, ButtonVariant } from '../../components/toggle-button-group/pharos-toggle-button';
export interface PharosToggleButtonProps extends DetailedHTMLProps, HTMLElement> {
/**
* Indicates that the button is currently toggled on and cannot be pressed or focused by the user.
*/
selected?: boolean;
/**
* Indicates this button is a toggle button and whether it is pressed or not.
*/
a11yPressed?: AriaPressedState;
/**
* Indicates the variant of button.
*/
variant?: ButtonVariant;
/**
* Indicates the default behavior of the button via the HTML5 attribute.
*/
type?: ButtonType | undefined;
/**
* Indicates that the button should have input focus when the page loads.
*/
autofocus?: boolean;
/**
* Indicates that the button cannot be pressed or focused by the user.
*/
disabled?: boolean;
/**
* The icon to be shown as the content of the button.
*/
icon?: IconName | undefined;
/**
* Applies only to icon-only buttons. If true, the button will have minimal padding.
*/
iconCondensed?: boolean;
/**
* The icon to be shown on the right side.
*/
iconRight?: IconName | undefined;
/**
* The icon to be shown on the left side.
*/
iconLeft?: IconName | undefined;
/**
* Indicates the button is on a AA compliant background.
*/
isOnBackground?: boolean;
/**
* Indicates the button has more padding.
*/
large?: boolean;
/**
* Indicates the aria label to apply to the button.
*/
a11yLabel?: string | undefined;
/**
* Indicates the aria expanded state to apply to the button.
*/
a11yExpanded?: AriaExpandedState;
/**
* Indicates the aria expanded state to apply to the button.
*/
a11yDisabled?: AriaDisabledState;
/**
* Indicates the aria expanded state to apply to the button.
*/
a11yHaspopup?: AriaPopupState;
/**
* Indicates the button's width should match its container.
*/
fullWidth?: boolean;
/**
* Indicates the name when submitted with form data.
*/
name?: string | undefined;
/**
* Indicates the value associated with the name when submitted with form data.
*/
value?: string | undefined;
/**
* Indicates to save the linked URL instead of navigating to it.
*/
download?: string | undefined;
/**
* Indicates the URL that the hyperlink points to.
*/
href?: string | undefined;
/**
* Indicates the language of the linked URL.
*/
hreflang?: string | undefined;
/**
* Indicates the URLs to ping.
*/
ping?: string | undefined;
/**
* Indicates the type of link.
*/
rel?: string | undefined;
/**
* Indicates where to display the linked URL.
*/
target?: LinkTarget | undefined;
/**
*
*/
'onPharos-Toggle-Button-Selected'?: (event: CustomEvent) => void;
}
export declare const PharosToggleButton: FC;
//# sourceMappingURL=pharos-toggle-button.d.ts.map