forked from yoone/WEB
39 lines
731 B
TypeScript
39 lines
731 B
TypeScript
import React from 'react';
|
|
|
|
interface AddressProps {
|
|
address: {
|
|
address_1?: string;
|
|
address_2?: string;
|
|
city?: string;
|
|
state?: string;
|
|
postcode?: string;
|
|
country?: string;
|
|
phone?: string;
|
|
};
|
|
style?: React.CSSProperties;
|
|
}
|
|
|
|
const Address: React.FC<AddressProps> = ({ address, style }) => {
|
|
if (!address) {
|
|
return <span>-</span>;
|
|
}
|
|
|
|
const { address_1, address_2, city, state, postcode, country, phone } =
|
|
address;
|
|
|
|
return (
|
|
<div style={{ fontSize: 12, ...style }}>
|
|
<div>
|
|
{address_1} {address_2}
|
|
</div>
|
|
<div>
|
|
{city}, {state}, {postcode}
|
|
</div>
|
|
<div>{country}</div>
|
|
<div>{phone}</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Address;
|