From a25b7b3d5bb2d779d942c7aaf7c5e9ba710cba74 Mon Sep 17 00:00:00 2001
From: Konstantin Lysenko <konstantin.it.lysenko@gmail.com>
Date: Tue, 14 Nov 2023 17:20:17 +0200
Subject: [PATCH] add Filter styled

---
 src/components/Filter/Filter.styled.jsx | 26 +++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/Filter/Filter.styled.jsx

diff --git a/src/components/Filter/Filter.styled.jsx b/src/components/Filter/Filter.styled.jsx
new file mode 100644
index 0000000..3f18150
--- /dev/null
+++ b/src/components/Filter/Filter.styled.jsx
@@ -0,0 +1,26 @@
+import styled from '@emotion/styled';
+import TextField from '@mui/material/TextField';
+import SearchIcon from '@mui/icons-material/Search';
+
+export const Container = styled.div`
+  margin-bottom: 30px;
+  width: 300px;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  padding: 20px;
+  border: 2px solid #fff;
+  border-radius: 16px;
+  background-color: #302f2f;
+`;
+
+export const Input = styled(TextField)`
+  min-width: 200px;
+  width: 100%;
+`;
+
+export const Icon = styled(SearchIcon)`
+  fill: #fff;
+  width: 40px;
+  height: 40px;
+`;