csslayout/client/placeholders/Line.tsx

/**
 * A collection of popular layouts and patterns made with CSS (https://csslayout.io)
 * (c) 2019 - 2021 Nguyen Huu Phuoc <https://twitter.com/nghuuphuoc>
 */

import * as React from 'react';

interface LineProps {
    backgroundColor?: string;
}

const Line: React.FC<LineProps> = ({
    backgroundColor = 'rgba(0, 0, 0, 0.3)',
}) => {
    return (
        <div
            style={{
                backgroundColor,
                height: '1px',
                width: '100%',
            }}
        />
    );
};

export default Line;