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

const Box=styled.div`{
  padding:0px 38px;
}`
const Div = styled.div`{
  display:flex;
  align-items: center;
  padding:25px 0px;
  border-bottom:1px solid #eee;
  &:last-child{
    border-bottom:none;
  }
}`
const Imgs = styled.img`{
  width:30px;
  height:30px;
  margin-right:12px;
  border-radius:50%;
}`

export default (()=>{
  return(
    <Box>
      <Div>
        <Imgs src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3025493530,1989042357&fm=26&gp=0.jpg"/>
        <Link to={""}>ajdfwkerijwirjklsf</Link>
      </Div>
      <Div>
        <Imgs src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3025493530,1989042357&fm=26&gp=0.jpg"/>
        <Link to={""}>ajdfwkerijwirjklsf</Link>
      </Div>
    </Box>
  )
})