import React from 'react'

export default function EnDash(props) {
    const { size = 1, color = '#999', style = {}, ...left } = props

    const newSt = { 
        ...style,
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
    }

    return <div style={newSt} { ...left }><hr style={{ border: 'none', borderBottom: `${size}px dashed ${color}`, width: '100%' }} /></div>
}
