import { AccountEntity, CalendarApi, CompanyEntity, Logger, SettingsWorkingDayEntity, StaffEntity, StaffGroupEntity, UserEntity } from "@agendize/js-calendar-api";
import { ComputedRef, Ref } from "vue";
import { Router } from "vue-router";
import { Locale } from "@agendize/az-i18n";
import { PageWithTabsAndPanelOptions } from "@agendize/design-system";
export declare function StaffGroupDetailsViewModel(api: CalendarApi, locale: Locale, organisation: AccountEntity, companyId: string, staffGroupId?: string, logger?: Logger, newStaffGroup?: boolean, cloneStaffGroup?: boolean, router?: Router): StaffGroupDetailsViewModelType;
interface StaffGroupDetailsViewModelType {
    company: Ref<CompanyEntity>;
    allStaffGroup: Ref<StaffGroupEntity[]>;
    staffGroup: Ref<StaffGroupEntity | undefined>;
    loading: Ref<boolean>;
    validatedField: (item: string, isValid: boolean | {
        isValid: boolean;
        values: any;
        id: string;
    }) => void;
    submitReady: ComputedRef<boolean>;
    staffGroupName: Ref<string>;
    staffGroupColor: Ref<string[]>;
    staffGroupWidgetUrl: Ref<string | undefined>;
    staffGroups: Ref<string[]>;
    staffGroupValues: Ref<{
        label: string;
        value: string;
    }[]>;
    staffs: Ref<StaffEntity[]>;
    staffGroupExternalId: Ref<string>;
    colors: Ref<{
        label: string;
        value: string;
    }[]>;
    staffGroupWorkingHours: Ref<SettingsWorkingDayEntity[]>;
    formatWorkingHours: (day: string) => string;
    WORKING_DAYS: Ref<string[]>;
    onWorkingHoursEdit: () => void;
    showWorkingHoursModal: Ref<boolean>;
    onWorkingHoursModalSave: (items: SettingsWorkingDayEntity[]) => void;
    onSave: () => void;
    back: () => void;
    pageOptions: Ref<PageWithTabsAndPanelOptions>;
    managers: Ref<UserEntity[]>;
}
export {};