import { reactive } from 'vue';

// Singleton reactive — TextSettings writes here, ElementPopup reads when disabled
// Initial values match stylesheet.print.css (overwritten by syncFromStore on first mount)
const defaults = reactive({
  fontSize: { value: 14, unit: 'px' },
  lineHeight: { value: 18, unit: 'px' },
  fontFamily: 'sans-serif',
  color: 'rgb(0, 0, 0)',
  _initialized: false,
});

export function useTextDefaults() {
  return defaults;
}