[Crypto Address] - new components

[BillyG83]

please build this new component 👍

Interface

• address: string
• color?: string
• textSize?: 'body16' | 'body18' | 'caption14' | 'caption12' | 'caption10'
• textWeight?: TStandardWeight
• linkUrl?: string;

Result

• address is shortened
• color has default, but will color the icons and text if passed
• textSize has default, but will change the text size if passed (use Typography)
• textWeight has default, but will change the text wight if passed (use Typography)
• linkUrl if passed will show the link icon which links to the url plus the address (example below)
• click copy will copy address (use Copy component)

linkUrl example

https://www.dextools.io/app/en/ether/pair-explorer/0x6c4c7f46d9d4ef6bc5c9e155f011ad19fc4ef321

[Emkay2309]

I can try to create this component using ts

type TextSize = 'body16' | 'body18' | 'caption14' | 'caption12' | 'caption10';
type TextWeight = 'regular' | 'medium' | 'bold'; // Adjust according to your Typography component

interface AddressDisplayProps {
address: string;
color?: string;
textSize?: TextSize;
textWeight?: TextWeight;
linkUrl?: string;
}

use this interface for the type in the AddressDisplay component.