SearchModal SearchModalLayout.tsx

0% Statements 0/4

0% Branches 0/1

0% Functions 0/2

0% Lines 0/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import React, { ReactNode } from "react";
import { Stack } from "@mui/material";
 
type ChildProps = {
  children: ReactNode;
  alignItems?: string;
};
 
const ChildComponent: React.FC<ChildProps> = ({
  children,
  alignItems = "center",
  ...rest
}) => {
  return (
    <Stack
      direction="row"
      sx={{ padding: "12px" }}
      justifyContent="space-between"
      alignItems={alignItems}
      {...rest}
    >
      {children}
    </Stack>
  );
};
 
interface ModalLayoutProps {
  searchBar: ReactNode;
  list: ReactNode;
}
 
const SearchModalLayout: React.FC<ModalLayoutProps> = ({ searchBar, list }) => {
  return (
    <>
      <Stack gap={2} flex={1}>
        <ChildComponent>{searchBar}</ChildComponent>
        <ChildComponent>{list}</ChildComponent>
      </Stack>
    </>
  );
};
 
export default SearchModalLayout;