From c0e4984365b9a65223bdd57f15e53e597830ccfc Mon Sep 17 00:00:00 2001
From: Amit Amrutiya <amitamrutiya2210@gmail.com>
Date: Wed, 9 Oct 2024 17:51:44 +0530
Subject: [PATCH] feat: export catalog component and update styles

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>
---
 src/custom/CatalogSearchSort/index.tsx |  3 +++
 src/custom/CatalogSearchSort/style.tsx | 32 ++++++++++++++++++++++++++
 src/custom/index.tsx                   |  1 +
 3 files changed, 36 insertions(+)
 create mode 100644 src/custom/CatalogSearchSort/index.tsx
 create mode 100644 src/custom/CatalogSearchSort/style.tsx

diff --git a/src/custom/CatalogSearchSort/index.tsx b/src/custom/CatalogSearchSort/index.tsx
new file mode 100644
index 000000000..fd867d7cf
--- /dev/null
+++ b/src/custom/CatalogSearchSort/index.tsx
@@ -0,0 +1,3 @@
+import CatalogSearch from './CatalogSearch';
+import CatalogSortByMenu from './CatalogSortByMenu';
+export { CatalogSearch, CatalogSortByMenu };
diff --git a/src/custom/CatalogSearchSort/style.tsx b/src/custom/CatalogSearchSort/style.tsx
new file mode 100644
index 000000000..e1d574fd7
--- /dev/null
+++ b/src/custom/CatalogSearchSort/style.tsx
@@ -0,0 +1,32 @@
+import { FormControl, styled } from '@mui/material';
+import { InputAdornment, OutlinedInput } from '../../base';
+import { CHINESE_SILVER, CULTURED, WHITESMOKE } from '../../theme';
+
+export const CatalogSearchInput = styled(OutlinedInput)(({ style }) => ({
+  backgroundColor: WHITESMOKE,
+  width: '100%',
+  '@media (max-width: 590px)': {
+    marginLeft: '0.25rem',
+    paddingLeft: '0.25rem'
+  },
+  display: 'flex',
+  ...style
+}));
+
+export const InputAdornmentEnd = styled(InputAdornment)(() => ({
+  borderLeft: `1px solid ${CHINESE_SILVER}`,
+  height: '30px',
+  paddingLeft: '10px',
+  '@media (max-width: 590px)': {
+    paddingLeft: '0px'
+  }
+}));
+
+export const CatalogSortBy = styled(FormControl)(() => ({
+  backgroundColor: CULTURED,
+  borderRadius: '.25rem',
+  minWidth: 'fit-content',
+  '@media (max-width: 590px)': {
+    minWidth: '75px'
+  }
+}));
diff --git a/src/custom/index.tsx b/src/custom/index.tsx
index 45c772aab..d982e5e78 100644
--- a/src/custom/index.tsx
+++ b/src/custom/index.tsx
@@ -43,6 +43,7 @@ import { TransferList } from './TransferModal/TransferList';
 import { TransferListProps } from './TransferModal/TransferList/TransferList';
 import UniversalFilter, { UniversalFilterProps } from './UniversalFilter';
 export { CatalogCard } from './CatalogCard';
+export { CatalogSearch, CatalogSortByMenu } from './CatalogSearchSort';
 export { StyledChartDialog } from './ChartDialog';
 export { LearningContent } from './LearningContent';
 export { Note } from './Note';