import React from 'react'
import classNames from 'classnames'
import './Title.less'

export default ({ children, className, subtitle, size, color, center }) => (
  <h1
    style={{ fontSize: size, color, textAlign: center ? 'center' : '' }}
    className={classNames({
      [className]: className,
      Title: true,
      '--subtitle': subtitle,
    })}
  >
    {children}
  </h1>
)