import React from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';

const LinkItems = ({ link, title }) => {
  return (
    <>
      <LinkOutline to={link} className="btn">
        {title}
      </LinkOutline>
    </>
  );
};

export default LinkItems;

const LinkOutline = styled(Link)`
  border: 1px solid #004bff;
  background: #fff;
  font-weight: 700;
  font-family: var(--ff-bold);
  text-align: center;
`;
