verstka

src/components/Separator/Separator.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import {View, StyleSheet, FlexStyle} from 'react-native';
+import {responsiveHeight} from "react-native-responsive-dimensions";
+
+type Props = {
+    width?: any;
+}
+const Separator: React.FC<Props> = ({width = "60%"}) => {
+    return (
+        <View style={styles.container}>
+            <View style={[styles.separator, {width: width}]}/>
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    container: {
+        display: "flex",
+        alignItems: "center"
+    },
+    separator: {
+        height: responsiveHeight(0.3), // Толщина разделителя
+        backgroundColor: "#A5A5A5", // Цвет разделителя
+    },
+});
+
+export default Separator;