Переопределить свойства внутреннего элемента в компонентах React

У меня есть компонент React, который состоит из других компонентов и использует semantic-ui-react. Это выглядит как:

export const RadioGroup = (props) => {
  const { value, options, label, onChange, margin, widths, ...baseProps } = props
  return (
    <InlineFormGroup margin = {margin} widths = {widths}>
      {/* eslint-disable-next-line jsx-a11y/label-has-for */}
      {label && <label>{label}</label>}
      {options.map(option =>
        <BaseSemanticInput
...

И много всего внутри, что я показываю .... Я хочу иметь другой компонент RadioGroupVertical, который был бы почти идентичен RadioGroup, показанному выше, за исключением того, что он должен иметь свойство group на InlineFormGroup. Я как бы не хочу копировать и вставлять большой компонент, чтобы сделать такое маленькое редактирование, но не знаю, как сделать такую ​​модификацию свойств.