import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent } from '@synergy-design-system/components';
import { default as SynDetails } from '@synergy-design-system/components/components/details/details.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: typeof __VLS_export;
export default _default;
declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
    /**
  * Indicates whether or not the details is open.
  * You can toggle this attribute to show and hide the details, or you
  can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
   */
    open?: SynDetails["open"];
    /**
     * The summary to show in the header.
     * If you need to display HTML, use the `summary` slot instead.
     */
    summary?: SynDetails["summary"];
    /**
     * Disables the details so it can't be toggled.
     */
    disabled?: SynDetails["disabled"];
    /**
     * Draws the details as contained element.
     */
    contained?: SynDetails["contained"];
    /**
     * The details's size.
     */
    size?: SynDetails["size"];
}, {
    nativeElement: import('vue').Ref<SynDetails | undefined, SynDetails | 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 details is open.
  * You can toggle this attribute to show and hide the details, or you
  can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
   */
    open?: SynDetails["open"];
    /**
     * The summary to show in the header.
     * If you need to display HTML, use the `summary` slot instead.
     */
    summary?: SynDetails["summary"];
    /**
     * Disables the details so it can't be toggled.
     */
    disabled?: SynDetails["disabled"];
    /**
     * Draws the details as contained element.
     */
    contained?: SynDetails["contained"];
    /**
     * The details's size.
     */
    size?: SynDetails["size"];
}> & 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, {}, any>, {
    default?: (props: {}) => any;
}>;
type __VLS_WithSlots<T, S> = T & {
    new (): {
        $slots: S;
    };
};