import React, { forwardRef } from 'react';

type Props = React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;

export default forwardRef<any, Props>(({ className, ...props }, ref) => (
    <form
        ref={ref}
        className={'flex items-center justify-center login-box'}
        {...props}
        style={{
            paddingLeft: 0,
        }}
    >
        <div className={'flex-none select-none'}>
            <img src={'/assets/pterodactyl.svg'} className={'w-64'}/>
        </div>
        <div className={'flex-1'}>
            {props.children}
        </div>
    </form>
));