import React from 'react';
import LoginComponent from '../components/LoginComponent';
import Logo from '../assets/images/campfire_logs_square_logo_bg_match.png';

const LoginPage = React.forwardRef(({ onLogin }, ref) => {
    return (
        <div ref={ref}>
            <img src={Logo} alt="Campfire Logs Logo" width="350" height="280" />
            <hr style={{ backgroundColor: '#edbd7d', height: '2px', border: 'none' }}/>            
            <LoginComponent onLogin={onLogin} />
        </div>
    );
});

export default LoginPage;