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


export const SearchBox = styled((props) => (
  <TextField {...props} placeholder="search..." />
))`
  background: white;
  & label.Mui-focused {
    color: white;
  }
  & .MuiInput-underline:after {
    border-bottom-color: white;
  }
  & .MuiOutlinedInput-root {
    & fieldset {
      border-color: black;
    }
    &.Mui-focused fieldset {
      border-color: black;
    }
    & input {
      padding: 5px;
    }
  }
`;



