You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

41 lines
1.2 KiB

import React, { Component } from "react";
import { Link } from "react-router-dom";
import logo from '../../../../assets/icons/logo.png';
import "./index.scss";
export default class LaptopNavbar extends Component {
render() {
const { links } = this.props;
return (
<nav className="laptop-navbar d-flex">
<div className="d-flex">
<div className="laptop-navbar__logo">
<img src={logo} alt="لوگو"/>
</div>
<ul className="laptop-navbar__list d-flex">
{links.map((item, i) => (
<li key={i}>
<Link to={item.to}>{item.name}</Link>
</li>
))}
</ul>
</div>
<div className="d-flex">
<Link to={'/signin'} className="laptop-navbar__signin">ورود به حساب کاربری</Link>
<Link to={'/signup'} className="laptop-navbar__signup">ثبت نام</Link>
</div>
</nav>
);
}
}
LaptopNavbar.defaultProps = {
links: [
{ name: "صفحه اصلی", to: "/" },
{ name: "فروشگاه ", to: "/store" },
{ name: "سوالات متداول", to: "/faq" },
{ name: "درباره ما", to: "/about" },
{ name: "تماس با ما", to: "/contact" },
],
};