soconnor
d057ba208d
git-subtree-dir: apps/mobile git-subtree-mainline:86f8987dffgit-subtree-split:5fa30f365f
29 lines
694 B
TypeScript
29 lines
694 B
TypeScript
import type { ReactNode } from "react";
|
|
import { StyleSheet, View, type StyleProp, type ViewStyle } from "react-native";
|
|
|
|
import { GlassSurface } from "@/components/GlassSurface";
|
|
import { spacing } from "@/constants/theme";
|
|
|
|
const AUTH_CARD_RADIUS = 24;
|
|
|
|
type AuthCardProps = {
|
|
children: ReactNode;
|
|
style?: StyleProp<ViewStyle>;
|
|
};
|
|
|
|
export function AuthCard({ children, style }: AuthCardProps) {
|
|
return (
|
|
<GlassSurface radius={AUTH_CARD_RADIUS} style={style}>
|
|
<View style={styles.inner}>{children}</View>
|
|
</GlassSurface>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
inner: {
|
|
paddingHorizontal: spacing.lg,
|
|
paddingVertical: spacing.lg,
|
|
gap: spacing.lg,
|
|
},
|
|
});
|