如何对组件的两个变体使用一个函数？

function Component(variant) {
  if (variant === 'variant1') {
    // 处理 variant1 的逻辑
    return <div>Variant 1</div>;
  } else if (variant === 'variant2') {
    // 处理 variant2 的逻辑
    return <div>Variant 2</div>;
  } else {
    // 处理默认情况的逻辑
    return <div>Default Variant</div>;
  }
}

ReactDOM.render(
  <div>
    <Component variant="variant1" />
    <Component variant="variant2" />
    <Component variant="variant3" />
  </div>,
  document.getElementById('root')
);