export function PackageImport()

in beta/src/components/MDX/PackageImport.tsx [12:36]

• 25 lines of code
• 2 McCabe index (conditional complexity)

export function PackageImport({children}: PackageImportProps) {
  const terminal = React.Children.toArray(children).filter((child: any) => {
    return child.props?.mdxType !== 'pre';
  });
  const code = React.Children.toArray(children).map((child: any, i: number) => {
    if (child.props?.mdxType === 'pre') {
      return (
        <CodeBlock
          {...child.props.children.props}
          key={i}
          noMargin={true}
          noMarkers={true}
        />
      );
    } else {
      return null;
    }
  });
  return (
    <section className="my-8 grid grid-cols-1 lg:grid-cols-2 gap-x-8 gap-y-4">
      <div className="flex flex-col justify-center">{terminal}</div>
      <div className="flex flex-col justify-center">{code}</div>
    </section>
  );
}