import React from "react";

type BlockProps = {
  title?: React.ReactNode;
  actionBlock?: React.ReactNode;
  className?: string;
};

interface BlockComposition {
  Block: React.FC<BlockProps>;
  DetailsBlock: React.FC<BlockProps & {
    details: Array<{ label?: React.ReactNode, value?: React.ReactNode, type?: string }>;
    style?: "inline" | "multiline";
    truncate?: Boolean;
    truncateAt?: number;
  }>;
}

const Metadata: React.FC<{
  className?: string;
  headerBlock?: React.ReactNode;
  size?: "small" | "medium";
}> &
  BlockComposition;

export default Metadata;