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;
