import { View } from 'react-native';

type Props = {
  color?: string;
  width?: number;
  borderStyle?: 'dashed' | 'dotted' | 'solid';
};

export function DashedDivider({ color = '#a9bcd9', width = 1, borderStyle = 'dashed' }: Props) {
  return (
    <View style={{ height: 1, overflow: 'hidden' }}>
      <View
        style={{
          borderWidth: width,
          borderColor: color,
          borderStyle: borderStyle,
        }}
      />
    </View>
  );
}