import React, { lazy } from 'react'
import CIcon from '@coreui/icons-react'
import {
  CCol,
  CFormGroup,
  CInput,
  CInputFile,
  CLabel,
  CButton,
  CCard,
  CCardHeader,
  CCardBody,
  CCardFooter,
} from '@coreui/react'

const Dashboard = (props) => {
  return (
    <div >
      <CCard className="bg-info">
        <CCardBody >
        <div className="text-white text-center card bg-info">
	<div className="card-body">
		<blockquote className="card-bodyquote">
      <h3>ワンタイムパスワード :{props.userid}</h3>
			<a target="_blank" href="https://openshield.ts.bizside.biz/appexe/natnats/23/bin/mobileweb2/index.html"><h1>FBS Web app</h1></a>
		</blockquote>
	</div>
</div>
        </CCardBody>
      </CCard>
    </div>
)

}

export default Dashboard
