import React , { forwardRef } from "react" ; import cl from "classnames" ; import { BodyShort , OverridableComponent } from "../" ; export interface ButtonProps extends React . ButtonHTMLAttributes < HTMLButtonElement > { /**
     * Component content
     */ children : React . ReactNode ; default variant ? : "primary" | "secondary" | "tertiary" | "danger" ; default size ? : "medium" | "small" ; note default disabled ? : boolean ; } const Button = forwardRef ( ( { as : Component = "button" , variant = "primary" , className , children , size = "medium" , ... rest } , ref ) => ( < Component { ... rest } ref = { ref } className = { cl ( className , "navds-button" , `navds-button--${ variant } `, ` navds - button -- $ { size } `)}>
      <BodyShort as="span" className="navds-button__inner" size={size}>
        {children}
      </BodyShort>
    </Component>));
export default Button;
