children vs text (or content) props of Button component

[yangwooseong]

현재 Button 컴포넌트의 경우 버튼안에 있는 텍스트를 text props로 받아서 다음과 같이 보여주고 있습니다.

import { Button } from "@channel.io/bezier-react"
import { AllIcon } from "@channel.io/bezier-icons"

<Button
  leftContent={AllIcon} 
  text="초대"
/>

이것과 기조를 맞추기 위해서 AlphaButton 컴포넌트에서도 content로 받도록했는데, children으로 받는 것이 보다 좋은 것일지 고민이 됩니다. 무엇보다 HTML button element에서는 children 으로 받고 있고, content로 올 수 있는 타입이 ReactNode이기 때문에 아래처럼 children으로 받는 것이 적절해 보이기 때문입니다. 또한 AlphaIconButton 처럼 텍스트가 아닌 아이콘 혹은 이모지 컴포넌트를 받아야하는 경우에는 children으로 받는 것이 확실히 자연스러워 보입니다.

import { Emoji, AlphaButton, AlphaToggleIconButton } from "@channel.io/bezier-react"
import { AllIcon } from "@channel.io/bezier-icons"

<AlphaButton
  prefixContent={AllIcon}
>
  초대
</AlphaButton>

<AlphaToggleIconButton>
  <Emoji
    imageUrl="https://cf.exp.channel.io/asset/emoji/images/80/a.png"
    size="20"
  />
</AlphaToggleIconButton>

외부 라이브러리를 찾아봐도 content 혹은 text 속성으로 받고 있는 인터페이스는 찾을 수 없었습니다. 다만 아무래도 기존의 컴포넌트와 인터페이스를 다르게 가져가는 것이 부담스러운 것은 사실입니다.