import React , { useContext } from 'react' ; import '../wallet.scss' ; import { Button , Flex , Text as RimbleText } from 'rimble-ui' ; import { ObjectiveContext } from './objective-context' ; interface Props { channelId : string ; } export const ConfirmCreateChannel = ( { channelId } ) => { const triggerObjectiveEvent = useContext ( ObjectiveContext ) ; return ( < Flex alignItems = "left" flexDirection = "column" > < RimbleText fontSize = { 2 } pb = { 2 } > Do you wish to create a channel ? < /RimbleText> < Button id = "yes" onClick = { ( ) => triggerObjectiveEvent ( { type : 'Approval' , channelId } ) } > Yes < /Button> { } < Button . Text onClick = { ( ) => triggerObjectiveEvent ( { type : 'Approval' , channelId } ) } > No < /Button.Text> < /Flex>); } ;