misc_pterodactyl-panel/resources/scripts/components/auth/LoginFormContainer.tsx
2019-12-15 18:05:44 -08:00

21 lines
621 B
TypeScript

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>
));