import React from "react";
import styled from "styled-components";
import defaultProfile from "../../imgs/defaultProfile.jpg";

const ImgIconBox = styled.div`
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
`;

const ImgIcon = styled.img`
  width: 50px;
  border-radius: 20px;
  src: ${(props) => props.theme.defaultProfile};
`;

export default () => {
  return (
    <ImgIconBox>
      <ImgIcon src={defaultProfile} />
    </ImgIconBox>
  );
};