import { PenpotFile } from '@ui/lib/types/penpotFile';
import { ComponentShape } from '@ui/lib/types/shapes/componentShape';
import { components } from '@ui/parser/libraries';

import { createItems } from '.';

export const createComponentLibrary = (file: PenpotFile) => {
  components.get().forEach(({ children = [], ...rest }: ComponentShape) => {
    file.startComponent(rest);

    createItems(file, children);

    file.finishComponent();
  });
};