create test markup for Movie

konstantin-it-lysenko · Dec 18, 2023 · a7cd22d · a7cd22d
1 parent 02882e4
commit a7cd22d
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/components/Movie/Movie.jsx b/src/components/Movie/Movie.jsx
@@ -0,0 +1,29 @@
+const Movie = ({
+  movie: {
+    adult,
+    backdrop_path,
+    genres,
+    original_title,
+    overview,
+    poster_path,
+    release_date,
+    runtime,
+  },
+}) => {
+  return (
+    <div background={backdrop_path}>
+      <div>
+        <h2>{original_title}</h2>
+        <div>
+          <span>{release_date}</span>
+          <span>{runtime}</span>
+          <span>{adult}</span>
+        </div>
+        <p>{overview}</p>
+      </div>
+      <img src={`https://image.tmdb.org/t/p/w200${poster_path}`} alt="" />
+    </div>
+  );
+};
+
+export default Movie;