import { useCallback } from 'react'; import { defineMessages, useIntl } from 'react-intl'; import { ReactComponent as LockOpenIcon } from '@material-symbols/svg-600/outlined/lock_open.svg'; import { IconButton } from './icon_button'; const messages = defineMessages({ unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unblock domain {domain}', }, }); interface Props { domain: string; onUnblockDomain: (domain: string) => void; } export const Domain: React.FC = ({ domain, onUnblockDomain }) => { const intl = useIntl(); const handleDomainUnblock = useCallback(() => { onUnblockDomain(domain); }, [domain, onUnblockDomain]); return (
{domain}
); };