import * as React from 'react'
import { StylableComponent } from '../../theme'
import { ModalRootComponentProps } from '../interfaces'
import { Icon } from '../../icon'
import { ModalPopup, ModalPopupContent} from './modal-popup'

const styles = require('../../../../src/components/modal/web/styles.scss')

export class BasicModal extends StylableComponent<ModalRootComponentProps> {
    public render() {
        const { message } = this.props.state.modalProps

        return (
            <ModalPopup closeButton>
                <ModalPopupContent>
                    {message}
                </ModalPopupContent>
            </ModalPopup>
        )
    }
}