22 lines
465 B
TypeScript
22 lines
465 B
TypeScript
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>
|
|
);
|
|
}
|