Как добавить проспы дочерних компонентов в родительский? (React + TypeScript)

Всем привет. Сейчас я пишу приложение на React + TypeScript и у меня появился компонент MapBar, который включает в себя несколько кнопочек. И, я бы хотел добавить в интерфейс этого компонента пропсы из интерфейсов дочерних. Но, не до конца понимаю, как то сделать.

import React, {FC} from 'react';
import {Box} from "@mui/material";

import ShowMe, {ShowMeProps} from "./ShowMe";
import AddEvent, {AddEventProps} from "./AddEvent";


interface MapBarProps {
}

const MapBar: FC<ShowMeProps, AddEventProps> = ({setCenter}) => {
    return (
        <Box sx={{position: 'absolute', top: '5px', right: '5px'}}>
            <ShowMe setCenter={setCenter}/>
            <AddEvent setOpen={}/>
        </Box>
    );
};

export default MapBar;

export interface ShowMeProps {
    setCenter: (coords: Coords) => void;
}

export interface AddEventProps {
    setOpen: (isOpen: boolean) => void;
}

введите сюда описание изображения


Ответы (0 шт):