using css inside jsx(changing styles inside a functional component)

Question

I have a functional component that renders two divs, and I want to hide one div when the onclick function is called, which is on the other div. how do I implement that using