App.tsx

import React from 'react';
import {ScrollView} from 'react-native';
import styles from './styles/AppStyles';
import DefaultOrBallSpinnerButton from './DefaultOrBallSpinnerButton';
import BarSpinnerButton from './BarSpinnerButton';
import DotSpinnerButton from './DotSpinnerButton';
import MaterialSpinnerButton from './MaterialSpinnerButton';
import PacmanSpinnerButton from './PacmanSpinnerButton';
import PulseSpinnerButton from './PulseSpinnerButton';
import SkypeSpinnerButton from './SkypeSpinnerButton';
import UIActivitySpinnerButton from './UIActivitySpinnerButton';
import WaveSpinnerButton from './WaveSpinnerButton';
import RippleEffectButton from './RippleEffectButton';

const App: React.FC = () => {
  return (
    <ScrollView style={styles.safeArea}>
      <DefaultOrBallSpinnerButton />
      <BarSpinnerButton />
      <DotSpinnerButton />
      <MaterialSpinnerButton />
      <PacmanSpinnerButton />
      <PulseSpinnerButton />
      <SkypeSpinnerButton />
      <UIActivitySpinnerButton />
      <WaveSpinnerButton />
      <RippleEffectButton />
    </ScrollView>
  );
};

export default App;