import type { Region } from './Region';
/**
  * @type Component:
  *
  * @property id: Component identifier.
  * - **Max Length:** 256
  *
  * @property typeId: Component type identifier.
  * - **Max Length:** 256
  *
  * @property name: Display name of the component.
  * - **Max Length:** 256
  *
  * @property fragment: Indicates whether the component is a fragment. True if the component is a fragment, otherwise false.
  *
  * @property embedded: Indicates whether the component is embedded in another component. True if the component is embedded, otherwise false.
  *
  * @property contentLinkUuid: Represents a globally unique identifier for every instance of a content component (or fragment) rendered on a page.
  * - **Max Length:** 256
  *
  * @property data: The configuration data assigned to the component.
  *
  * @property localized: Whether the component has been localized with content in the current locale. If false, the components content will fallback to the default locale.
  *
  * @property visible: Whether the component is visible based on the current visiblity rules and context.
  *
  * @property custom: Any custom data added by the custom code for this component.
  *
  * @property designMetadata: Design metadata of the component. This includes information about the component type definition needed by the page designer for design-time functionality.
  *
  * @property regions: The regions (and their assigned components) for the component.
  *
  */
export type Component = {
    id: string;
    typeId: string;
    name?: string;
    fragment?: boolean;
    embedded?: boolean;
    contentLinkUuid?: string;
    data?: object;
    localized?: boolean;
    visible?: boolean;
    custom?: object;
    designMetadata?: object;
    regions?: Array<Region>;
} & {
    [key: string]: any;
};