import React from 'react'
import PropTypes from 'prop-types'
import Button from 'react-uikit/button'
import Banner from 'components/banner'
import styles from './styles.scss'
import BEMModule from 'utils/bem'

const bem = new BEMModule(styles)

const CourseOwnerPanel = ({className, name, onInvite}) => {
    const rootClassNames = bem.classNames('c-course-owner-panel', className)
    const ctaClassNames = bem.classNames('c-course-owner-panel__cta')
    return (
        <Banner className={rootClassNames} info>
            <p>{`You are the organizer of ${name}.`}</p>
            <Button className={ctaClassNames} size="small" onClick={onInvite}>
                Invite Participants
            </Button>
        </Banner>
    )
}

CourseOwnerPanel.propTypes = {
    className: PropTypes.string,
    isStarted: PropTypes.bool,
    name: PropTypes.string,
    onDataExport: PropTypes.func,
    onInvite: PropTypes.func,
}

export default CourseOwnerPanel