interface AuthDividerProps {
  text?: string;
}

export function AuthDivider({
  text = "or continue with email",
}: AuthDividerProps): React.ReactElement {
  return (
    <div className="relative my-6">
      <div className="absolute inset-0 flex items-center">
        <span className="w-full border-t border-slate-200" />
      </div>
      <div className="relative flex justify-center text-xs uppercase">
        <span className="bg-white px-2 text-slate-500">{text}</span>
      </div>
    </div>
  );
}
