SpecialButton.jsx

import React from 'react';
import Title from './Title';

export function SpecialButton(props) {
 const { className, children } = props;
 return (
  <button onClick={() => alert('sup?')} className={className}>
   {children}
  </button>
 );
}

export function SpecialButtonAsTitle(props) {
 return (
  <Title as={SpecialButton}>{props.children}</Title>
 );
}