export default function MDXDetails()

in src/theme/MDXComponents/Details.tsx [5:20]

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

export default function MDXDetails(props: Props): JSX.Element {
  const items = React.Children.toArray(props.children);
  // Split summary item from the rest to pass it as a separate prop to the
  // Details theme component
  const summary = items.find(
    (item): item is ReactElement<ComponentProps<'summary'>> =>
      React.isValidElement(item) && item.type === 'summary',
  );
  const children = <>{items.filter((item) => item !== summary)}</>;

  return (
    <Details {...props} summary={summary}>
      {children}
    </Details>
  );
}