Как экспортировать функцию?

Question

[berameba]

Как, будучи чайником, экспортировать функцию removeHouse из файла constructor в файл houseOptions.А точнее передать ее в onclick в первой кнопке?

const Constructor = () => {

    const [houses, setHouses] = useState([
        {id: 1, title: 'house 1'},
        {id: 1, title: 'house 2'}
    ])
    function removeHouse(id) {
        setHouses(houses.filter(house => house.id !== id))
    }

    return (
        <div className={styles.container}>
            <h1 className={styles.h1}>House constructor</h1>

            {houses && houses.map(function (house) {
            return <HouseOptions title={house.title}/>
            })}

            <button className={styles.button}>Build a new house</button>
        </div>
    );
};
export default Constructor;

const HouseOptions = ({title}) => {

    return (
        <div className={styles.main}>
            <div className={styles.h1}>{title}</div>
            <button className={styles.button} onClick={Суда нужно передать removeHouse}>delete</button>
            <div className={styles.container}>
                <div className={styles.flexContainer}>
                    <div className={styles.text}>Floors:</div>
                    <input className={styles.input} id={'test'}/>
                </div>
                <div className={styles.flexContainer}>
                    <div className={styles.text}>Color</div>
                    <select name="choice">
                        <option value="first">Red</option>
                        <option value="second">Yellow</option>
                        <option value="third">Green</option>
                    </select>
                </div>
            </div>
            <input type={"range"} min={1} max={10} className={styles.slider} value={'test'}/>
        </div>
    );
};

export default HouseOptions;