import { ref } from 'vue';

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

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

export function DefaultSettings(): Settings {
  return {
    appName: 'Attendance Records',
    icon: '',
    databaseName: 'members.dba',
    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'),
  };
}