29 lines
648 B
TypeScript
29 lines
648 B
TypeScript
import { Divider } from 'antd'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { RxHome } from "react-icons/rx";
|
|
|
|
const AddressCard = ({ data }: { data: any }) => {
|
|
const { t } = useTranslation();
|
|
return (
|
|
<div className='address_card'>
|
|
<h5>{t("practical.address")}</h5>
|
|
<Divider />
|
|
<div className="address_card_body">
|
|
{data?.map((address:any)=>(
|
|
<div>
|
|
<RxHome />
|
|
<span>
|
|
<h6>{t(`practical.${address?.key}`)}</h6>
|
|
<p>{address?.value}</p>
|
|
</span>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AddressCard
|
|
|
|
|