import { DemoData } from "../../global/demo";
import { NavigationSidebarItemViewProps } from "./sqm-navigation-sidebar-item-view";
import { Spacing } from "../../global/mixins";
/**
 * @uiName Microsite Sidebar Item
 * @validParents ["sqm-navigation-sidebar"]
 * @exampleGroup Microsite Components
 * @example Sidebar Item - <sqm-navigation-sidebar-item label="Sidebar Item" icon="house"></sqm-navigation-sidebar-item>
 * @csspart sqm-link - The navigation link element
 * @csspart sqm-label - The navigation label
 */
export declare class NavigationSidebarItem {
  /**
   * @uiName Navigation path
   * @uiWidget pageSelect
   */
  path: string;
  /**
   * Options available at https://shoelace.style/components/icon
   *
   * @uiName Icon
   * @uiGroup Style
   */
  icon: string;
  /**
   * @uiName Label
   */
  label: string;
  /**
   * Background color of the nav item
   * @uiName Background Color
   * @uiWidget color
   * @uiGroup Style
   */
  backgroundColor?: string;
  /**
   * Background color of the nav item when hovered
   * @uiName Background Hover Color
   * @uiWidget color
   * @uiGroup Style
   */
  backgroundHoverColor?: string;
  /**
   * Background color of the nav item when focused
   * @uiName Background Focused Color
   * @uiWidget color
   * @uiGroup Style
   */
  backgroundFocusedColor?: string;
  /**
   * Text color of the nav item
   * @uiName Text Color
   * @uiWidget color
   * @uiGroup Style
   */
  textColor?: string;
  /**
   * Text color of the nav item when hovered
   * @uiName Text Hover Color
   * @uiWidget color
   * @uiGroup Style
   */
  textHoverColor?: string;
  /**
   * Text color of the nav item when items is focused
   * @uiName Text Focused Color
   * @uiWidget color
   * @uiGroup Style
   */
  textFocusedColor?: string;
  /**
   * Border radius (in number of pixels)
   * @uiName Border Radius
   * @uiGroup Style
   */
  borderRadius?: number;
  /**
   * @uiName Padding
   * @uiType string
   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
   */
  padding?: Spacing;
  /**
   * @undocumented
   * @uiType object
   */
  demoData?: DemoData<NavigationSidebarItemViewProps>;
  constructor();
  disconnectedCallback(): void;
  render(): any;
}