Spaces:
Runtime error
Runtime error
File size: 1,294 Bytes
a6439b7 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
// Header.js
import React, { useState } from 'react';
import './App.css';
function Header({ onPageButtonClick }) {
return (
<>
<div>
<img src="./SUNS.png" className="logo" alt="SUNS" />
<div className="buttonContainer">
<div className="buttonGroup">
<button className="circularButton" onClick={() => onPageButtonClick('Visualisation')}>
1
</button>
<div className="buttonText">Visualisation</div>
</div>
<div className="buttonGroup">
<button className="circularButton" onClick={() => onPageButtonClick('Review')}>
2
</button>
<div className="buttonText">Review</div>
</div>
<div className="buttonGroup">
<button className="circularButton" onClick={() => onPageButtonClick('Prompt')}>
3
</button>
<div className="buttonText">Prompt</div>
</div>
<div className="buttonGroup">
<button className="circularButton" onClick={() => onPageButtonClick('Generate')}>
4
</button>
<div className="buttonText">Generate</div>
</div>
</div>
</div>
</>
);
}
export default Header;
|