import * as vue_jsx_runtime from 'vue/jsx-runtime';
import { DataProps } from './modules/segmented-control.types.js';
import * as vue from 'vue';
import '@mekari/pixel3-utils';
import '@mekari/pixel3-icon';

/**
 * MpSegmentedControl component used to separate contents horizontal and vertical.
 */
declare const MpSegmentedControl: vue.DefineComponent<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    name: {
        type: vue.PropType<string | undefined>;
    };
    data: {
        type: vue.PropType<DataProps[] | undefined>;
    };
    modelValue: {
        type: vue.PropType<any>;
    };
    isDisabled: {
        type: vue.PropType<boolean | undefined>;
    };
    isFullWidth: {
        type: vue.PropType<boolean | undefined>;
    };
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
    id: {
        type: vue.PropType<string | undefined>;
    };
    name: {
        type: vue.PropType<string | undefined>;
    };
    data: {
        type: vue.PropType<DataProps[] | undefined>;
    };
    modelValue: {
        type: vue.PropType<any>;
    };
    isDisabled: {
        type: vue.PropType<boolean | undefined>;
    };
    isFullWidth: {
        type: vue.PropType<boolean | undefined>;
    };
}>> & {
    onChange?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {}, {}>;

export { MpSegmentedControl };