export type ElementType = string;

export type ElementStyle = {
  color: string;
  backgroundColor: string;
  border: string;
};

export type ElementLayout = {
  position: string;
  widthPercent: number;
  heightPercent: number;
  xPercent: number;
  yPercent: number;
};

export type ElementContent = {
  icon: string;
  title: string;
  placeholder: string;
  text: string;
};

export type ElementSettings = {
  style: ElementStyle;
  layout: ElementLayout;
  content: ElementContent;
};

export type UiElementRow = {
  id: string;
  element_type: ElementType;
  name?: string;
  sort_order?: number;
  settings_json?: string;
};

export type UiElementItem = {
  id: string;
  elementType: ElementType;
  name: string;
  sortOrder: number;
  settings: ElementSettings;
};
