export declare const createStyles: (primaryColor?: string) => { container: { flex: number; backgroundColor: string; }; scrollContainer: { flexGrow: number; }; content: { flex: number; paddingHorizontal: number; paddingTop: number; }; logoContainer: { alignItems: "center"; marginBottom: number; }; logo: { width: number; height: number; borderRadius: number; }; logoPlaceholder: { width: number; height: number; borderRadius: number; backgroundColor: string; justifyContent: "center"; alignItems: "center"; }; logoIcon: { color: string; }; headerContainer: { alignItems: "center"; marginBottom: number; }; appName: { fontSize: number; fontWeight: "700"; color: string; marginTop: number; }; title: { fontSize: number; fontWeight: "700"; color: string; marginBottom: number; }; subtitle: { fontSize: number; color: string; marginTop: number; }; tabBar: { flexDirection: "row"; marginBottom: number; borderBottomWidth: number; borderBottomColor: string; }; tabItem: { flex: number; paddingVertical: number; alignItems: "center"; }; tabItemActive: { borderBottomWidth: number; borderBottomColor: string; }; tabText: { fontSize: number; color: string; }; tabTextActive: { color: string; fontWeight: "600"; }; formContainer: { marginBottom: number; }; inputWrapper: { marginBottom: number; }; inputRow: { flexDirection: "row"; alignItems: "center"; }; codeInput: { flex: number; }; codeButton: { marginLeft: number; paddingHorizontal: number; paddingVertical: number; borderRadius: number; backgroundColor: string; }; codeButtonDisabled: { backgroundColor: string; }; codeButtonText: { fontSize: number; color: string; fontWeight: "500"; }; passwordStrength: { flexDirection: "row"; alignItems: "center"; marginTop: number; marginBottom: number; }; strengthBar: { flex: number; height: number; backgroundColor: string; borderRadius: number; marginRight: number; }; strengthBarActive: { backgroundColor: string; }; strengthBarMedium: { backgroundColor: string; }; strengthBarWeak: { backgroundColor: string; }; strengthText: { fontSize: number; color: string; marginLeft: number; width: number; }; forgotContainer: { alignItems: "flex-end"; marginBottom: number; }; forgotText: { fontSize: number; color: string; }; loginButton: { height: number; borderRadius: number; backgroundColor: string; justifyContent: "center"; alignItems: "center"; marginBottom: number; }; loginButtonDisabled: { backgroundColor: string; }; loginButtonText: { fontSize: number; fontWeight: "600"; color: string; }; agreementContainer: { flexDirection: "row"; alignItems: "flex-start"; marginBottom: number; paddingHorizontal: number; }; checkbox: { width: number; height: number; borderRadius: number; borderWidth: number; borderColor: string; justifyContent: "center"; alignItems: "center"; marginRight: number; marginTop: number; }; checkboxChecked: { backgroundColor: string; borderColor: string; }; agreementText: { flex: number; fontSize: number; color: string; lineHeight: number; }; agreementLink: { color: string; }; dividerContainer: { flexDirection: "row"; alignItems: "center"; marginVertical: number; }; dividerLine: { flex: number; height: number; backgroundColor: string; }; dividerText: { marginHorizontal: number; fontSize: number; color: string; }; thirdPartyContainer: { marginBottom: number; }; thirdPartyTitle: { fontSize: number; color: string; textAlign: "center"; marginBottom: number; }; thirdPartyButtons: { flexDirection: "row"; justifyContent: "center"; }; thirdPartyButton: { width: number; height: number; borderRadius: number; backgroundColor: string; justifyContent: "center"; alignItems: "center"; marginHorizontal: number; }; thirdPartyIcon: { width: number; height: number; }; footerContainer: { paddingVertical: number; alignItems: "center"; }; footerText: { fontSize: number; color: string; }; registerLink: { color: string; fontWeight: "500"; }; phoneLoginContainer: { alignItems: "center"; marginBottom: number; }; phoneLoginButton: { width: "100%"; height: number; borderRadius: number; backgroundColor: string; justifyContent: "center"; alignItems: "center"; flexDirection: "row"; }; phoneLoginIcon: { marginRight: number; }; phoneLoginText: { fontSize: number; fontWeight: "600"; color: string; }; phoneNumber: { fontSize: number; color: string; marginTop: number; }; switchLoginType: { marginTop: number; }; switchLoginText: { fontSize: number; color: string; }; }; export declare const THIRD_PARTY_COLORS: Record;