/** @jsx jsx */
import { jsx } from "@emotion/react";

EmailPassword.init({
    override: {
        components: {
            EmailPasswordSignUpForm: ({ DefaultComponent, ...props }) => {
                return (
                    <div
                        css={{
                            form: {
                                display: "flex",
                                flexDirection: "column",
                                "& > div:nth-of-type(3)": {
                                    order: -1
                                }
                            }
                        }}>
                        <DefaultComponent {...props} />
                    </div>
                );
            },
        },
    },
});