const updatePage = props.updatePage ? props.updatePage : (page) => { console.log("NO PAGE HANDLE", page); }; const BodyContent = styled.div` padding: 32px; text-align: center; `; const DeviderComponent = styled.div` display:flex; justify-content: space-around; `; return ( <div> <Widget src="s-farshad-k.near/widget/hero-header" props={{ title: "EthWinner Employee check", subtitle: "We make finding a good colleague easier for your next project!", }} /> <DeviderComponent> <div> <Widget src="a_liutiev.near/widget/button_general" props={{ value: <span>Register a Company</span>, handleButtonClick: () => { updatePage("addCompany"); }, }} /> </div> <div> <Widget src="a_liutiev.near/widget/button_general" props={{ value: <span>Register an Employee</span>, handleButtonClick: () => { updatePage("addPerson"); }, }} /> </div> <div> <Widget src="a_liutiev.near/widget/button_general" props={{ value: <span>Add a review</span>, handleButtonClick: () => { updatePage("addReview"); }, }} /> </div> </DeviderComponent> </div> );