import { ref } from 'vue';
import type { Workspace } from './workspaces';

export const logo = ref<string>('');
export const appName = ref<string>('Attendance Records');
export const databaseName = ref<string>('members.dba');
export const workspace = ref<string>('');

export type Settings = {
  appName: string;
  icon: string;
  databaseName: string;
  workspace: Workspace | null;
  primaryColor: string;
  primaryColorText: string;
  secondaryColor: string;
  secondaryColorText: string;
};

export function DefaultSettings(): Settings {
  return {
    appName: 'Attendance Records',
    icon: '',
    databaseName: 'members.dba',
    workspace: { name: '', description: '', uuid: workspace.value },
    primaryColor: document.documentElement.style.getPropertyValue('--q-primary-text'),
    primaryColorText: document.documentElement.style.getPropertyValue('--q-primary'),
    secondaryColor: document.documentElement.style.getPropertyValue('--q-secondary'),
    secondaryColorText: document.documentElement.style.getPropertyValue('--q-secondary-text'),
  };
}