SignIn.EmailForm.Spacing

import { SignIn, useAppTheme } from "@ovok/native";
import React from "react";
import { StyleSheet } from "react-native";

// Static styles outside component
const styles = StyleSheet.create({
  customSpacing: {
    backgroundColor: "transparent",
  },
  container: {
    flexGrow: 1,
  },
});

const SpacingExample = () => {
  const theme = useAppTheme();

  return (
    <SignIn.EmailForm
      loginType="Patient"
      tenantCode="your-tenant-code"
      style={styles.container}
    >
      <SignIn.EmailForm.Inputs />
      <SignIn.EmailForm.Spacing
        percentage={2}
        style={[
          styles.customSpacing,
          {
            borderRadius: theme.borderRadius(1),
          },
        ]}
      />
      <SignIn.EmailForm.ForgotPassword />
      <SignIn.EmailForm.Spacing percentage={1} />
      <SignIn.EmailForm.SigninButton />
    </SignIn.EmailForm>
  );
};

export default SpacingExample;