/**
 * @uiName Scroll Button
 * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqm-hero","sqm-tab","sqb-program-section","sqb-conditional-section"]
 * @slots [{"name":"", "title":"Button Content"}]
 * @slotEditor richText
 */
export declare class Scroll {
  ignored: boolean;
  /**
   * @uiName Button text
   */
  buttonText: string;
  /**
   * The name of the HTML tag you would like to scroll to. E.g referral-table
   *
   * @uiName Scroll tag name
   */
  scrollTagName?: string;
  /**
   * ID applied to the HTML tag you would like to scroll to. E.g tab-1
   *
   * @uiName Scroll ID
   */
  scrollId?: string;
  /**
   * @uiName Scroll animation style
   * @uiType string
   * @uiEnum ["smooth", "auto"]
   * @uiEnumNames ["Smooth", "Auto"]
   */
  scrollAnimation: "smooth" | "auto";
  /**
   * @uiName Size
   * @uiType string
   * @uiEnum ["small", "medium", "large"]
   * @uiEnumNames ["Small", "Medium", "Large"]
   */
  size: string;
  /**
   * Draws an outlined button.
   *
   * @uiName Outline
   */
  outline: boolean;
  /**
   * Draws a pill-style button with rounded edges.
   *
   * @uiName Pill
   */
  pill: boolean;
  /**
   * Draws a circle button.
   *
   * @uiName Circle
   */
  circle: boolean;
  /**
   * @uiName Icon slot
   * @uiType string
   * @uiEnum ["prefix", "suffix"]
   * @uiEnumNames ["Prefix", "Suffix"]
   */
  iconSlot: string;
  /**
   * Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.
   * @uiName Icon
   */
  iconName: string;
  /**
   * The button becomes full width if the screen size is smaller than 500px
   *
   * @uiName Full width on mobile
   */
  mobile?: boolean;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}
