import React from 'react'

import type { Props } from './types'

import './index.scss'

const baseClass = 'template-minimal'

export const MinimalTemplate: React.FC<Props> = (props) => {
  const { children, className, style = {}, width = 'normal' } = props

  const classes = [className, baseClass, `${baseClass}--width-${width}`].filter(Boolean).join(' ')

  return (
    <section className={classes} style={style}>
      <div className={`${baseClass}__wrap`}>{children}</div>
    </section>
  )
}
