import React from 'react'
import { Controls, ControlsBW } from './svg/Controls'

export default ({ theme }) => (
  <div className="window-controls">
    {theme === 'bw' ? <ControlsBW /> : <Controls />}
    <style jsx>
      {`
        div {
          margin-top: -24px;
          position: relative;
          top: 34px;
          margin-left: 18px;
          z-index: 2;
        }
      `}
    </style>
  </div>
)