import { useCurrentNetwork } from '@app/common/hooks/use-current-network' ; import { openInNewTab } from '@app/common/utils/open-in-new-tab' ; import { Link } from '@app/components/link' ; interface PrincipalValueProps { address : string ; } export function PrincipalValue ( props ) { const { address , ... rest } = props ; const { mode } = useCurrentNetwork ( ) ; return ( < Link fontSize = { 2 } fontWeight = { 500 } lineHeight = "1.6" wordBreak = "break-all" onClick = { ( ) => openInNewTab ( `https://explorer.stacks.co/address/${ address }?chain=${ mode }` ) } { ... rest } > { address } < /Link>); }