SearchBox.js
451 Bytes
import React from "react";
import styled from "styled-components";
const SearchBox = styled.div`
display: flex;
`;
const SearchInput = styled.input`
width: 400px;
height: 50px;
border-radius: 40px;
border: none;
outline: none;
text-align: center;
background-color: #ebebeb;
opacity: 0.5;
font-size: 20px;
`;
export default () => {
return (
<SearchBox>
<SearchInput placeholder={"Search"} />
</SearchBox>
);
};