create-nova-expo-template/template/components/atoms/Button/types.ts

A template for creating a new React Native app using Expo and TypeScript, with a focus on performance and best practices.

import { ReactNode } from "react";
import { GestureResponderEvent, TextStyle, ViewStyle } from "react-native";
import FontFamily from "@/constants/FontFamily";

export interface ButtonProps {
  title?: string;
  onPress: (event: GestureResponderEvent) => void;
  color?: string;
  backgroundColor?: string;
  borderColor?: string;
  disabled?: boolean;
  btnHeight?: number;
  buttonStyle?: ViewStyle;
  textStyle?: TextStyle;
  fontSize?: number;
  iconSize?: number;
  prefix?: JSX.Element;
  icon?: ReactNode;
  isLoading?: boolean;
  suffix?: JSX.Element;
  isFullWidth?: boolean;
  fontFamily?: keyof typeof FontFamily;
  showShadow?: boolean;
  variant?: "filled" | "outlined" | "underlined";
}