export type DisplayFontScale = "normal" | "large" | "extra-large";
export type DisplayContrast = "default" | "high";
export type DisplayLineSpacing = "normal" | "comfortable";
export interface DisplaySettingsState {
    fontScale: DisplayFontScale;
    contrast: DisplayContrast;
    lineSpacing: DisplayLineSpacing;
    reducedMotion: boolean;
}
export type DisplaySettingsProps = {
    title?: string;
    values?: Partial<DisplaySettingsState>;
    showFontScale?: boolean;
    showContrast?: boolean;
    showLineSpacing?: boolean;
    showReducedMotion?: boolean;
    class?: string;
};
export declare const DisplaySettings: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    title: {
        type: StringConstructor;
        default: string;
    };
    values: {
        type: () => Partial<DisplaySettingsState>;
        default: undefined;
    };
    showFontScale: {
        type: BooleanConstructor;
        default: boolean;
    };
    showContrast: {
        type: BooleanConstructor;
        default: boolean;
    };
    showLineSpacing: {
        type: BooleanConstructor;
        default: boolean;
    };
    showReducedMotion: {
        type: BooleanConstructor;
        default: boolean;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    title: {
        type: StringConstructor;
        default: string;
    };
    values: {
        type: () => Partial<DisplaySettingsState>;
        default: undefined;
    };
    showFontScale: {
        type: BooleanConstructor;
        default: boolean;
    };
    showContrast: {
        type: BooleanConstructor;
        default: boolean;
    };
    showLineSpacing: {
        type: BooleanConstructor;
        default: boolean;
    };
    showReducedMotion: {
        type: BooleanConstructor;
        default: boolean;
    };
    class: {
        type: StringConstructor;
        default: undefined;
    };
}>> & Readonly<{
    onChange?: ((...args: any[]) => any) | undefined;
}>, {
    class: string;
    values: Partial<DisplaySettingsState>;
    title: string;
    showFontScale: boolean;
    showContrast: boolean;
    showLineSpacing: boolean;
    showReducedMotion: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
//# sourceMappingURL=DisplaySettings.d.ts.map