import { connect } from "react-redux" ; import { Dispatch } from "react" ; import * as React from 'react' ; import { Box , createStyles , Paper , Grid , Typography } from "@material-ui/core" ; import { IState } from "@emeraldwallet/store" ; import { makeStyles } from "@material-ui/core/styles" ; import { Uuid } from "@emeraldpay/emerald-vault-core" ; import { Alert } from "@material-ui/lab" ; import { ConfirmedPasswordInput } from "@emeraldwallet/ui" ; const useStyles = makeStyles ( createStyles ( { } ) ) ; /**
 *
 */ const Component = ( ( { onPassword } ) => { const styles = useStyles ( ) ; return < Grid container = { true } > < Grid xs = { 12 } > < Typography variant = { "h4" } > Save Secret Phrase < /Typography> < Alert severity = "info" > You 're about to save an encrypted copy of the secret phrase ("Mnemonic Phrase") generated on the previous step. Please make sure you enter a strong and secure password . < /Alert> < /Grid> < Grid xs = { 12 } > < ConfirmedPasswordInput onChange = { onPassword } buttonLabel = { "Save" } / > < /Grid> < /Grid>; } ) ; interface Props { } interface Actions { } interface OwnProps { mnemonic : string ; mnemonicPassword ? : string ; onPassword : ( encryptionPassword : string ) => void ; } export default connect ( ( state , ownProps ) : Props => { return { } ; } , ( dispatch , ownProps ) : Actions => { return { } ; } ) ( ( Component ) ) ;