import React from 'react';
import { View } from 'react-native';
import type { ReactNode } from 'react';
import Divider from '../Divider';
import { StyledFooter } from './StyledBottomSheet';

const Footer = ({
  children,
  showDivider,
}: {
  children: ReactNode;
  showDivider: boolean;
}) => (
  <View>
    {showDivider ? <Divider /> : null}
    <StyledFooter>{children}</StyledFooter>
  </View>
);

export default Footer;