import { ViewStyle , StyleSheet } from "react-native" ; import * as Colors from "./colors" ; type BorderRadius = "small" | "base" | "large" | "max" ; export const borderRadius = { small : 5 , base : 10 , large : 20 , max : 9999 , } ; type BorderWidth = "hairline" | "thin" | "base" | "thick" ; export const borderWidth = { hairline : StyleSheet . hairlineWidth , thin : 1 , base : 2 , thick : 3 , } ; type Shadow = "base" ; export const shadow = { base : { shadowColor : Colors . neutral . s400 , shadowOffset : { width : 0 , height : 3 , } , shadowOpacity : 0.27 , shadowRadius : 4.65 , elevation : 6 , } , } ;