React. Как передать данные state в родительский компонент?

Делаю свой первый проектик на React.Есть кнопка бургера. при клике на которую должна открываться навигация , при этом бургер анимируется. С анимацией всё понятно , сделал через useState, теперь не понимаю как состояние передать в state родителя чтоб далее открывать навигацию.

import { useState } from 'react';
import '../headerBurger/headerBurger.css';

const HeaderBurger = function(){
    const [isActive , setActive] = useState(false);
    const handleToggle =()=>{
        setActive(!isActive)
    }
    
    return(
        <div className='header_burger-content'>
            <button onClick={handleToggle}  className={`burger header_burger ${isActive ? "burger_active" : ""} `}><span className="burger__line"></span></button>
        </div>
    )
}
export default HeaderBurger;