import React from 'react';
import { View } from 'react-native';
import type { ViewStyle } from 'react-native';
import styles from './styles';
import { safeWithTheme } from '../../branding';
import type { ThemeProps } from '../../branding/hoc/types';

interface DividerProps {
    style?: ViewStyle;
}

export const Divider = ({ style, theme }: DividerProps & ThemeProps) => (
    <View style={[styles[theme].divider, style]} />
);

export default safeWithTheme(Divider);