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