import * as React from 'react';

import { useObservableEagerState } from 'observable-hooks';

import Format from '@wcpos/components/src/format';

type Props = {
	item: import('@wcpos/database').CustomerDocument;
	column: import('@wcpos/components/src/table').ColumnProps;
};

const Address = ({ item: customer, column }: Props) => {
	const address = useObservableEagerState(customer[`${column.key}$`]);

	return <Format.Address address={address} showName={true} />;
};

export default Address;