sdy

create ImgIconBox.js

1 +import React from "react";
2 +import styled from "styled-components";
3 +import defaultProfile from "../../imgs/defaultProfile.jpg";
4 +
5 +const ImgIconBox = styled.div`
6 + display: flex;
7 + flex-direction: column;
8 + justify-content: center;
9 + align-items: center;
10 +`;
11 +
12 +const ImgIcon = styled.img`
13 + width: 50px;
14 + border-radius: 20px;
15 + src: ${(props) => props.theme.defaultProfile};
16 +`;
17 +
18 +export default () => {
19 + return (
20 + <ImgIconBox>
21 + <ImgIcon src={defaultProfile} />
22 + </ImgIconBox>
23 + );
24 +};