import React from 'react'
import PropTypes from 'prop-types'
import Toast from 'react-uikit/toast'
import BEMModule from 'utils/bem'
import styles from './styles.scss'

const bem = new BEMModule(styles)

const ToastBase = ({className, children, ...props}) => {
    const classes = bem.classNames('c-toast', className)

    return (
        <Toast {...props} className={classes} animationDuration={500}>
            {children}
        </Toast>
    )
}

ToastBase.propTypes = {
    children: PropTypes.node,
    className: PropTypes.string,
}

export default ToastBase