Как перезаписать функциональную компоненту в классовую?

Была у меня функциональная компонента, но нужно заменить её классовой. Не знаю как теперь передать props {children}. Извиняюсь возможно за неправильную формулировку, только начал изучать. Пробовал в constructor{}записывать, ничего не вышло. В гугле кроме этого варианта ничего не нашел. Возможно неправильно сформулировал вопрос сам себе.

const Layout = ({children}) => (
    <div className='view-container'>
        <div className='container'>
            <div className='row'>
                <div className='col-md-12'>
                    <Sidebar />
                </div>
                <div className='col-md-12'>
                    {children} 
                </div>
            </div>
        </div>
    </div>
)

Вот что есть на данный момент

class Layout extends React.Component {

    papermintRef = React.createRef();

    componentDidMount() {
      Peppermint(this.papermintRef.current);
    }

    componentDidUpdate() {
      Peppermint(this.papermintRef.current);
    }

    shouldComponentUpdate() {
      return false;
    }
  
    render() {
      return(
        <div className='view-container'>
        <div className='container'>
            <div ref={this.papermintRef} className="peppermint" id="peppermint">
                <div className='col-md-12'>
                    <Sidebar />
                </div>
                <div className='col-md-12'>
                    {children}
                </div>
            </div>
        </div>
    </div>
      );
    }
  }