26 lines
569 B
JavaScript
26 lines
569 B
JavaScript
|
import React from "react";
|
||
|
|
import PropTypes from "prop-types";
|
||
|
|
import { Card } from "@material-ui/core";
|
||
|
|
|
||
|
|
import LoginComponent from "./LoginComponent";
|
||
|
|
|
||
|
|
const LoginCard = ({ credentials, onChange, onLogin }) => {
|
||
|
|
return (
|
||
|
|
<Card variant="outlined">
|
||
|
|
<LoginComponent
|
||
|
|
credentials={credentials}
|
||
|
|
onChange={onChange}
|
||
|
|
onLogin={onLogin}
|
||
|
|
/>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
LoginCard.propTypes = {
|
||
|
|
credentials: PropTypes.object.isRequired,
|
||
|
|
onChange: PropTypes.func.isRequired,
|
||
|
|
onLogin: PropTypes.func.isRequired
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LoginCard;
|