"use client";

import { SignUp } from "@clerk/nextjs";
import { dark } from "@clerk/themes";

export const dynamic = "force-static";

const SignUpPage = () => (
  <div style={styles}>
    <SignUp
      path="/sign-up"
      routing="path"
      signInUrl="/sign-in"
      appearance={{ baseTheme: dark }}
    />
  </div>
);

export default SignUpPage;

const styles = {
  width: "100vw",
  height: "100vh",
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
};