text: import React, { Component } from "react";
  
  import styled from "styled-components";
  
  export default class Menu extends Component {
    render() {
      return (
        <Container style={this.props.style}>
          {this.props.content.map((c) => (
            <div
              key={c.info}
              className="content"
              style={c.style}
              onClick={c.onClick}
            >
              {c.info}
            </div>
          ))}
        </Container>
      );
    }
  }
  
  const Container = styled.div`
    position: absolute;
    background: white;
    width: 145px;
    z-index: 1000;
    margin-top: 60px;
    border: 1px solid rgba(221, 224, 228, 0.5);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    & .content {
      padding: 15px;
      transition: background 300ms ease-in-out;
      &:hover {
        background: #eeeff1;
      }
    }
  `;
  