Yeah. So, you could imagine something like this:

import Badge from './Badge';
function Card({ className='', ...props }) {
 const classNames = `card ${className}`.trim()'
  return (
    <div className={classNames} {...props} />
  );
}
Card.Badge = Badge;
export default Card;

Or in TSX, you could do something like this:

import { Badge as CardBadge } from './Badge';
export function({ className='', ...props }: React.ComponentProps<'div'> {
 const classNames = `card ${className}`.trim()'
return (
    <div className={classNames} {...props} />
  );
}
namespace Card {
  export const Badge = CardBadge;
}