必要な引数のみ渡したい

Question

RootButton, ButtonA, ButtonB. というコンポーネントがあるとします。
RootButton

const defaultProps={
     height:'10px',
     width:'60px,
     text:''
}
 export const RootButton: React.FC<TButtonProps> = ({
  height,
  width,
  text
 }) => {
   const style = {
     height,
     width,
     text
   }
   return (
     <button style={style}>{text}<button>
   )
 }

このとき、ButtonA にはwidthのみRootButtonのdefault値を使い、haightとtextは指定、
ButtonA にはheightのみRootButtonのdefault値を使い、widthとtextは指定
する場合、どのような書き方になりますか？

Comments

[maisumakun]

・TButtonPropsはどのような型ですか？
・defaultPropsはどのように適用していますか？