// Компонент Board, который хранит свойства (или состояние) для сброса
const Board = () => {
  const [propertyToReset, setPropertyToReset] = useState('initialValue');

  const resetProperty = () => {
    setPropertyToReset('newValue'); // Сброс свойства
  };

  return (
    <div>
      <p>Property to Reset: {propertyToReset}</p>
      <button onClick={resetProperty}>Сбросить Property</button>
    </div>
  );
};

// Компонент ResetButton, который получает функцию reset из пропсов и вызывает её при нажатии
const ResetButton = ({ reset }) => {
  return (
    <button onClick={reset}>Сбросить Property в Board</button>
  );
};

// Компонент SideBlock, который включает в себя компонент ResetButton
const SideBlock = ({ reset }) => {
  return (
    <div style={{ marginLeft: "50px" }} className="sideBlock">
      <ResetButton reset={reset} />
    </div>
  );
};

// Компонент App, который объединяет Board и SideBlock и передает функцию сброса
const App = () => {
  const resetBoardProperty = () => {
    // Вызываем функцию сброса property из Board
    // Здесь вы можете реализовать логику сброса
  };

  return (
    <div className="app">
      <Board />
      <SideBlock reset={resetBoardProperty} />
    </div>
  );
};