diff --git a/src/components/CardDesign3/images/profilePic1.svg b/src/components/CardDesign3/images/profilePic1.svg new file mode 100644 index 0000000..bf28f88 --- /dev/null +++ b/src/components/CardDesign3/images/profilePic1.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardDesign3/images/profilePic2.svg b/src/components/CardDesign3/images/profilePic2.svg new file mode 100644 index 0000000..96bda02 --- /dev/null +++ b/src/components/CardDesign3/images/profilePic2.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardDesign3/images/profilePic3.svg b/src/components/CardDesign3/images/profilePic3.svg new file mode 100644 index 0000000..b3b791d --- /dev/null +++ b/src/components/CardDesign3/images/profilePic3.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardDesign3/images/profilePic4.svg b/src/components/CardDesign3/images/profilePic4.svg new file mode 100644 index 0000000..807f1e6 --- /dev/null +++ b/src/components/CardDesign3/images/profilePic4.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardDesign3/images/profilePic5.svg b/src/components/CardDesign3/images/profilePic5.svg new file mode 100644 index 0000000..22d0a93 --- /dev/null +++ b/src/components/CardDesign3/images/profilePic5.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardDesign3/index.js b/src/components/CardDesign3/index.js index 7a5ba5b..268e743 100644 --- a/src/components/CardDesign3/index.js +++ b/src/components/CardDesign3/index.js @@ -1,15 +1,87 @@ import React from "react"; -const CardDesign3 = () => { +import profilePic1 from "./images/profilePic1.svg"; +import profilePic2 from "./images/profilePic2.svg"; +import profilePic3 from "./images/profilePic3.svg"; +import profilePic4 from "./images/profilePic4.svg"; +import profilePic5 from "./images/profilePic5.svg"; + +const CardDesign3 = ({ items }) => { return ( -
- CardDesign3 -
+ <> + {items.map((item, index) => ( +
+ {/* right */} +
+ {item.profilePic} +
+

{item.name}

+

+ تاریخ ورود: + {item.enteryData} +

+

+ کد ملی + {item.idCard} +

+
+
+ {/* left */} +
+ ))} + ); }; export default CardDesign3; +CardDesign3.defaultProps = { + items: [ + { + profilePic: profilePic1, + name: "کامبیز هوشنمند", + enteryData: "1401/02/01", + idCard: 2980817631, + number: "B06", + }, + { + profilePic: profilePic2, + name: "پارسا ایرانی", + enteryData: "1400/07/19", + idCard: 7000817631, + number: "B04", + }, + { + profilePic: profilePic3, + name: "کامران مرادی", + enteryData: "1400/07/19", + idCard: 2423817631, + number: "B02", + }, + { + profilePic: profilePic4, + name: "محمد علوی", + enteryData: "1400/07/19", + idCard: 3340817631, + number: "B01", + }, + { + profilePic: profilePic5, + name: "محمد محمدی", + enteryData: "1400/07/19", + idCard: 3110817631, + number: "B07", + }, + ], +}; + // #BCBCBC // #B9D1F3