import * as CSS from "csstype";

export type KindDefinition =
  | {
      // TODO: add specific kinds here
      kind: string;
      isList?: boolean;
    }
  | {
      kind: "dynamic";
      template: string;
    };

export interface Prop<T = unknown> {
  label: string;
  name: string;
  type: KindDefinition;
  default: T;
  placeholder: string;
  required: boolean;
  help: string;
}

export interface State {
  label: string;
  name: string;
  description: string;
  type: string;
}

export interface Block {
  name: string;
  acceptsChildren: boolean;
  props: Prop[];
  defaultStyles: Record<CSS.SimplePseudos, CSS.StandardPropertiesHyphen>;
  states: State[];
}