28 lines
1.1 KiB
JavaScript
Executable File
28 lines
1.1 KiB
JavaScript
Executable File
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
|
|
const DlRowAddress = (props) => (
|
|
<React.Fragment>
|
|
<dl className="row">
|
|
<dt className={ `col-sm-3 ${ props.leftSideClassName }` }>Adress</dt>
|
|
<dd className={ `col-sm-9 ${ props.rightSideClassName }` }>700 Zemlak Glen</dd>
|
|
<dt className={ `col-sm-3 ${ props.leftSideClassName }` }>City</dt>
|
|
<dd className={ `col-sm-9 ${ props.rightSideClassName }` }>Jacobiton</dd>
|
|
<dt className={ `col-sm-3 ${ props.leftSideClassName }` }>State</dt>
|
|
<dd className={ `col-sm-9 ${ props.rightSideClassName }` }><a href="#">West Virginia</a></dd>
|
|
<dt className={ `col-sm-3 ${ props.leftSideClassName }` }>ZIP</dt>
|
|
<dd className={ `col-sm-9 ${ props.rightSideClassName }` }>87032</dd>
|
|
</dl>
|
|
</React.Fragment>
|
|
)
|
|
DlRowAddress.propTypes = {
|
|
leftSideClassName: PropTypes.node,
|
|
rightSideClassName: PropTypes.node
|
|
};
|
|
DlRowAddress.defaultProps = {
|
|
leftSideClassName: "",
|
|
rightSideClassName: ""
|
|
};
|
|
|
|
export { DlRowAddress };
|