+ {this.props.name}
+ {this.props.age} years old
+ {this.props.email}
+
+ );
+ }
+}
+
+export default Friend;
diff --git a/friends/src/components/FriendsList/FriendsList.js b/friends/src/components/FriendsList/FriendsList.js
new file mode 100644
index 0000000000..0962b7b8b6
--- /dev/null
+++ b/friends/src/components/FriendsList/FriendsList.js
@@ -0,0 +1,30 @@
+import React, { Component } from "react";
+import Friend from "../Friend/Friend";
+import styled from 'styled-components';
+
+const Cards = styled.div`
+ display: flex;
+ flex-wrap: wrap;
+`
+
+class FriendsList extends Component {
+ constructor(props) {
+ super(props);
+ }
+ render() {
+ return (
+