export type EditorViewMode = 'visual' | 'code' | 'split';
export type ResponsiveMode = 'desktop' | 'tablet' | 'mobile';

export interface StyleEditorState {
  fontSize: string;
  fontWeight: string;
  textAlign: string;
  textColor: string;
  backgroundColor: string;
  padding: {
    top: string;
    right: string;
    bottom: string;
    left: string;
  };
  margin: {
    top: string;
    right: string;
    bottom: string;
    left: string;
  };
  borderRadius: string;
  borderWidth: string;
  borderStyle: string;
  borderColor: string;
  boxShadow: string;
  width: string;
  height: string;
  display: string;
  flexDirection: string;
  justifyContent: string;
  alignItems: string;
  gap: string;
}

export interface ElementorTemplate {
  id: string;
  name: string;
  description: string;
  icon: string;
  html: string;
}

export interface HistoryItem {
  html: string;
  description: string;
}