+ {`My name is ${name}`}
+ {age && {`I am ${age}`}
}
+
+ {isMarried ? `${partnerName} is my ${partner}` : `I am not married`}
+
+
+ );
+};
diff --git a/src/components/Person/Person.scss b/src/components/Person/Person.scss
new file mode 100644
index 000000000..295d86200
--- /dev/null
+++ b/src/components/Person/Person.scss
@@ -0,0 +1,16 @@
+.Person {
+ width: fit-content;
+ margin-bottom: 16px;
+ padding: 8px;
+ border: 1px solid #000;
+ border-radius: 8px;
+
+ &__name {
+ margin-top: 8px;
+ }
+
+ &__age {
+ color: #00f;
+ font-weight: bold;
+ }
+}