import { TextField } from "@mui/material";
import styled from "styled-components";

export const SearchInput = styled(TextField)`
    margin-left: 3.8rem;
    background-color: #F4F4F4;
    width: 45%;
    max-width: 100%;
    @media (max-width: 1100px) {
        width: 36%;
    }
    @media (max-width: 900px) {
        width: 54%;
    }
    @media (max-width: 600px) {
        width: 36%;
    }
`