How to use the @woocommerce/settings.CURRENCY.symbol function in @woocommerce/settings

const getSuffix = ( symbol, symbolPosition ) => {
	const suffixes = {
		left: '',
		left_space: '',
		right: symbol,
		right_space: ' ' + symbol,
	};
	return suffixes[ symbolPosition ] || '';
};

/**
 * Currency information in normalized format from server settings.
 */
const siteCurrencySettings = {
	code: CURRENCY.code,
	symbol: CURRENCY.symbol,
	thousandSeparator: CURRENCY.thousandSeparator,
	decimalSeparator: CURRENCY.decimalSeparator,
	minorUnit: CURRENCY.precision,
	prefix: getPrefix( CURRENCY.symbol, CURRENCY.symbolPosition ),
	suffix: getSuffix( CURRENCY.symbol, CURRENCY.symbolPosition ),
};

/**
 * Gets currency information in normalized format from an API response or the server.
 *
 * @param {Object} currencyData Currency data object, for example an API response containing currency formatting data.
 * @return {Object} Normalized currency info.
 */
export const getCurrencyFromPriceResponse = ( currencyData ) => {
	if ( ! currencyData || typeof currencyData !== 'object' ) {
		return siteCurrencySettings;

/**
 * Internal dependencies
 */
import sharedConfig from '../shared-config';
import attributes from './attributes';
import edit from './edit';

const blockConfig = {
	title: __( 'Product Price', 'woocommerce' ),
	description: __(
		'Display the price of a product.',
		'woocommerce'
	),
	icon: {
		src: <b style="{">{ CURRENCY.symbol }</b>,
		foreground: '#96588a',
	},
	edit,
	attributes,
};

registerBlockType( 'woocommerce/product-price', {
	...sharedConfig,
	...blockConfig,
} );

const getSuffix = ( symbol, symbolPosition ) => {
	const suffixes = {
		left: '',
		left_space: '',
		right: symbol,
		right_space: ' ' + symbol,
	};
	return suffixes[ symbolPosition ] || '';
};

/**
 * Currency information in normalized format from server settings.
 */
const siteCurrencySettings = {
	code: CURRENCY.code,
	symbol: CURRENCY.symbol,
	thousandSeparator: CURRENCY.thousandSeparator,
	decimalSeparator: CURRENCY.decimalSeparator,
	minorUnit: CURRENCY.precision,
	prefix: getPrefix( CURRENCY.symbol, CURRENCY.symbolPosition ),
	suffix: getSuffix( CURRENCY.symbol, CURRENCY.symbolPosition ),
};

/**
 * Gets currency information in normalized format from an API response or the server.
 *
 * @param {Object} currencyData Currency data object, for example an API response containing currency formatting data.
 * @return {Object} Normalized currency info.
 */
export const getCurrencyFromPriceResponse = ( currencyData ) => {
	if ( ! currencyData || typeof currencyData !== 'object' ) {
		return siteCurrencySettings;