/**
 * @uiName Tab Group
 * @validParents ["sqm-portal-container","div","sqm-divided-layout","sqm-brand","template","sqb-program-section","sqb-conditional-section"]
 * @validChildren ["sqm-tab"]
 * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
 * @exampleGroup Layout
 * @canvasRenderer always-replace
 * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1"><p>This is the first tab</p></sqm-tab><sqm-tab header="Tab 2"><p>This is the second tab</p></sqm-tab><sqm-tab header="Tab 3"><p>This is the third tab</p></sqm-tab></sqm-tabs>
 * @csspart tab - A tab button
 */
export declare class Tabs {
  /**
   * Used to specify the placement of the tabs
   *
   * @uiName Tabs placement
   * @uiType string
   * @uiEnum ["left", "right", "bottom", "top"]
   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
   */
  placement?: "left" | "right" | "bottom" | "top";
  /**
   * Tab text color
   *
   * @uiName Text color
   * @uiType string
   * @uiWidget color
   */
  textColor?: string;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}