import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent } from '@synergy-design-system/components';
import { default as SynSideNav } from '@synergy-design-system/components/components/side-nav/side-nav.component.js';
export type { SynShowEvent } from '@synergy-design-system/components';
export type { SynAfterShowEvent } from '@synergy-design-system/components';
export type { SynHideEvent } from '@synergy-design-system/components';
export type { SynAfterHideEvent } from '@synergy-design-system/components';
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
    /**
  * Indicates whether or not the side-nav is open.
  You can toggle this attribute to show and hide the side-nav, or you can use the `show()` and
  `hide()` methods and this attribute will reflect the side-nav's open state.
  
  Depending on the "variant" attribute, the behavior will differ.
  
  __Default__:
  With `open` will show the side-nav with an overlay.
  Without `open`, the side-nav will be hidden.
  
  __Rail__:
  With `open` will show the whole side-nav with an overlay for touch devices
  or without an overlay for non-touch devices.
  Without `open`, the side-nav will only show the prefix of nav-item's.
  
  __Sticky__:
  With `open` will show the whole side-nav with an overlay for touch devices
  or without an overlay for non-touch devices.
  Without `open`, the side-nav will only show the prefix of nav-item's.
   */
    open?: SynSideNav["open"];
    /**
  * The variant that should be used to show the side navigation.
  
  The following variants are supported:
  - **default** (default): Always shows the whole content and additionally an overlay.
  This makes especially sense for applications, where you navigate to a place and stay
  there for a longer time.
  - **rail**: Only show the prefix of navigation items in closed state.
  This will open on hover on the rail navigation.
  On touch devices the navigation opens on click and shows an overlay.
  Note: The rail variant is only an option if all Navigation Items on the first level
  have an Icon.
  If this is not the case you should use a burger navigation.
  - **sticky**: The side-nav has a pin button to show the side-nav in small (icon only)
  and full width.
  * This variant is only possible for non-nested navigation items.
  Note: The sticky variant is only an option if all Navigation Items on the first level
  have an Icon and if there are only "first level" items.
   */
    variant?: SynSideNav["variant"];
    /**
  * By default, the side-nav traps the focus if in variant="default" and open.
  To disable the focus trapping, set this attribute.
   */
    noFocusTrapping?: SynSideNav["noFocusTrapping"];
}, {
    nativeElement: import('vue').Ref<SynSideNav | undefined, SynSideNav | undefined>;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    "syn-show": (e: SynShowEvent) => any;
    "syn-after-show": (e: SynAfterShowEvent) => any;
    "syn-hide": (e: SynHideEvent) => any;
    "syn-after-hide": (e: SynAfterHideEvent) => any;
}, string, import('vue').PublicProps, Readonly<{
    /**
  * Indicates whether or not the side-nav is open.
  You can toggle this attribute to show and hide the side-nav, or you can use the `show()` and
  `hide()` methods and this attribute will reflect the side-nav's open state.
  
  Depending on the "variant" attribute, the behavior will differ.
  
  __Default__:
  With `open` will show the side-nav with an overlay.
  Without `open`, the side-nav will be hidden.
  
  __Rail__:
  With `open` will show the whole side-nav with an overlay for touch devices
  or without an overlay for non-touch devices.
  Without `open`, the side-nav will only show the prefix of nav-item's.
  
  __Sticky__:
  With `open` will show the whole side-nav with an overlay for touch devices
  or without an overlay for non-touch devices.
  Without `open`, the side-nav will only show the prefix of nav-item's.
   */
    open?: SynSideNav["open"];
    /**
  * The variant that should be used to show the side navigation.
  
  The following variants are supported:
  - **default** (default): Always shows the whole content and additionally an overlay.
  This makes especially sense for applications, where you navigate to a place and stay
  there for a longer time.
  - **rail**: Only show the prefix of navigation items in closed state.
  This will open on hover on the rail navigation.
  On touch devices the navigation opens on click and shows an overlay.
  Note: The rail variant is only an option if all Navigation Items on the first level
  have an Icon.
  If this is not the case you should use a burger navigation.
  - **sticky**: The side-nav has a pin button to show the side-nav in small (icon only)
  and full width.
  * This variant is only possible for non-nested navigation items.
  Note: The sticky variant is only an option if all Navigation Items on the first level
  have an Icon and if there are only "first level" items.
   */
    variant?: SynSideNav["variant"];
    /**
  * By default, the side-nav traps the focus if in variant="default" and open.
  To disable the focus trapping, set this attribute.
   */
    noFocusTrapping?: SynSideNav["noFocusTrapping"];
}> & Readonly<{
    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
    "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
    nativeElement: unknown;
}, any>, {
    default?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};