import { reactive } from 'vue';
import { TEXT_DEFAULTS } from '../utils/defaults';

// Singleton reactive — TextSettings writes here, ElementPopup reads when disabled
// Initial values from defaults.js (overwritten by syncFromStore on first mount)
const defaults = reactive({
  ...TEXT_DEFAULTS,
  fontSize: { ...TEXT_DEFAULTS.fontSize },
  lineHeight: { ...TEXT_DEFAULTS.lineHeight },
  _initialized: false,
});

export function useTextDefaults() {
  return defaults;
}