Search.js

// Search.js

import React from 'react';

function Search() {
    return (
        <div className="search-box">
            <input type="text" className="search-input"/>
            <style jsx>{`
                .search-box {
                    width: 300px;
                    max-width: 100%;
                    height: 40px;
                    border-radius: 20px;
                    border: 1px solid #eaeaea;
                }
                .search-input {
                    width: 90%;
                    height: 100%;
                    border: none;
                    background: none;
                }
            `}</style>
        </div>
    );
}

export default Search;