refactor(ui): separate SearchResultInfo component

Valik3201 · Jan 27, 2024 · 7bbee24 · 7bbee24
1 parent 7bf3169
commit 7bbee24
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/SearchResultInfo.jsx b/src/components/SearchResultInfo.jsx
@@ -0,0 +1,14 @@
+import { Container, Row, Col, Alert } from 'react-bootstrap';
+
+export const SearchResultInfo = ({ searchQuery }) => (
+  <Container>
+    <Row className="justify-content-center text-center">
+      <Col xs="auto">
+        <Alert variant="primary">
+          Showing results for
+          <span className="fw-bold"> {searchQuery}</span>
+        </Alert>
+      </Col>
+    </Row>
+  </Container>
+);