import SgdsElement from "./sgds-element"; import { SpinnerTone } from "../components"; export type ButtonTone = "brand" | "danger" | "fixed-light" | "neutral"; export type ButtonVariant = "primary" | "outline" | "ghost" /** @deprecated since v3.5.6 */ | "danger"; export default class ButtonElement extends SgdsElement { static styles: import("lit").CSSResult[]; /** @internal */ protected button: HTMLButtonElement | HTMLLinkElement; /** Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is @deprecated since v3.5.6 */ variant: ButtonVariant; /** Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral` */ tone: ButtonTone; /** Specifies a small, medium or large button, the size is medium by default. */ size: "xs" | "sm" | "md" | "lg"; /** Manually set the visual state of the button to `:active` */ active: boolean; /** The disabled state of the button */ disabled: boolean; /** When set, the underlying button will be rendered as an `` with this `href` instead of a `