import React from 'react'
import styles from './index.module.less'
import classnames from 'classnames/bind'

const cx = classnames.bind(styles)

type ComponentProps = {
  className?: string
  name: string
}

const FilterItemContainer: React.FC<ComponentProps> = ({ className, name, children }) => {
  return (
    <div className={cx({ 'filter-item-container': true, [className || '']: true })}>
      <div className="name">{name}</div>
      <div className="content">{children}</div>
    </div>
  )
}

export default FilterItemContainer
