import React from 'react'
import { bool, node } from 'prop-types'
import classNames from 'classnames'
import './DemioCollapse.less'

const propTypes = {
  isOpen: bool,
  content: node,
  showLeftBorder: bool
}

const DemioCollapse = ({ isOpen, content, showLeftBorder }) => (
  <div className={classNames({
    "demio-collapse-container": true,
    "--open": isOpen,
    "--show-left-border": showLeftBorder
  })}>
    {content}
  </div>
)

DemioCollapse.defaultProps = {
  isOpen: false,
  showLeftBorder: false
}

DemioCollapse.propTypes = propTypes

export default DemioCollapse