text: import React from 'react';
  import { Container, Grid, Image } from "semantic-ui-react";
  import { Link } from "react-router-dom";
  import Logo from "../../assets/png/instaclone1.png";
  import RighHeader from './RighHeader/RighHeader';
  import "./Header.scss";
  
  export default function Header() {
      return (
          <div className="header">
              <Container>
                  <Grid>
                      <Grid.Column width={3} className="header__logo">
                          <Link to="/">
                              <Image src={Logo} alt="Instaclone"/>
                          </Link>
                      </Grid.Column>
                      <Grid.Column width={10}>
                          <p>Buscador</p>
                      </Grid.Column>
                      <Grid.Column width={3}>
                          <RighHeader/>
                      </Grid.Column>
                  </Grid>
              </Container>
          </div>
      )
  }
  