export declare const styles: { wrapper: { flexDirection: "row"; alignItems: "center"; }; container: { flexDirection: "row"; alignItems: "baseline"; }; displayContainer: { flexDirection: "row"; alignItems: "baseline"; }; mainFont: { fontWeight: "bold"; }; inputContainer: { flexDirection: "row"; alignItems: "center"; borderWidth: number; borderColor: string; borderRadius: number; backgroundColor: string; paddingHorizontal: number; minHeight: number; }; inputContainerFocused: { borderColor: string; shadowColor: string; shadowOffset: { width: number; height: number; }; shadowOpacity: number; shadowRadius: number; elevation: number; }; inputContainerDisabled: { backgroundColor: string; borderColor: string; }; input: { flex: number; fontSize: number; fontWeight: "bold"; color: string; textAlign: "center"; paddingVertical: number; minWidth: number; }; inputDisabled: { color: string; }; currencySymbol: { fontSize: number; color: string; marginRight: number; }; stepperButton: { width: number; height: number; borderRadius: number; backgroundColor: string; justifyContent: "center"; alignItems: "center"; }; stepperButtonSmall: { width: number; height: number; borderRadius: number; }; stepperButtonLarge: { width: number; height: number; borderRadius: number; }; stepperButtonPressed: { backgroundColor: string; }; stepperButtonDisabled: { opacity: number; }; stepperIcon: { fontSize: number; color: string; fontWeight: "500"; }; stepperIconSmall: { fontSize: number; }; stepperIconLarge: { fontSize: number; }; amountWrapper: { flexDirection: "row"; alignItems: "center"; paddingHorizontal: number; }; separator: { width: number; }; }; export declare const getStepperButtonStyle: (size: "small" | "medium" | "large") => {}; export declare const getStepperIconStyle: (size: "small" | "medium" | "large") => {};