Conditional Wrapper Component

import { ReactNode } from 'react';

interface ConditionalWrapperProps {
  condition: boolean;
  wrapper: (children: ReactNode) => ReactNode;
  children: ReactNode;
}

export function ConditionalWrapper({ condition, wrapper, children }: ConditionalWrapperProps) {
  return condition ? wrapper(children) : children;
}

// Usage:
// <ConditionalWrapper
//   condition={isLink}
//   wrapper={children => <a href={url}>{children}</a>}
// >
//   <span>Content</span>
// </ConditionalWrapper>