React native component for a separator line

SeparatorLine.tsx

import React from 'react';
import { View } from 'react-native';

interface IProps {
    color?: string;
    marginTop?: number;
    marginBottom?: number;
}

export class SeparatorLine extends React.Component<IProps, any> {
    constructor(props: IProps) {
        super(props);
    }
    render() {
        return (<View style={{
            marginTop: this.props.marginTop || 10,
            marginBottom: this.props.marginBottom || 10,
            height: 1,
            flex: 1,
            backgroundColor: this.props.color || '#D1D1D6'
        }} />);
    }
}