import React from 'react'

const InfoBox = ({ children }: { children: React.ReactNode }) => (
  <div className="info">
    <style jsx>{`
      .info {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
      }
    `}</style>
    {children}
  </div>
)

export { InfoBox }