export type ElementType = 'heading' | 'text' | 'image' | 'button' | 'product_slider' | 'cart_widget' | 'checkout_form' | 'profile_widget' | 'spacer' | 'divider' | 'hero' | 'slideshow' | 'contact_form' | 'add_to_cart';

export interface BuilderElement {
  id: string;
  type: ElementType;
  props: Record<string, any>;
}

export interface BuilderColumn {
  id: string;
  span: string; // e.g. "col-span-12 md:col-span-6"
  elements: BuilderElement[];
}

export interface BuilderSection {
  id: string;
  settings: {
    backgroundColor?: string;
    backgroundImage?: string;
    customClasses?: string;
    padding?: string;
  };
  columns: BuilderColumn[];
}

export interface BuilderData {
  sections: BuilderSection[];
}