Proyectos de Subversion LeadersLinked - SPA

import Button from '@app/components/UI/buttons/Buttons';
import React from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';

const NavigationList = styled.ul`
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  a,
  button {
    width: 100%;
  }
`;

const Navigation = () => {
  return (
    <NavigationList>
      <li>
        <Link to='/signin'>
          <Button color='secondary'>Entrar</Button>
        </Link>
      </li>
      <li>
        <Link to='/signup'>
          <Button color='secondary'>Registrarse</Button>
        </Link>
      </li>
      <li>
        <Link to='/forgot-password'>
          <Button color='secondary'>Olvide mi clave</Button>
        </Link>
      </li>
    </NavigationList>
  );
};

export default Navigation;