ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ'] ", 'ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ', ' [\'ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ\', \'ਇੱਥੇ ਇੱਕ Next.js ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਹੈ ਜੋ ਦਰਸਾਉਂਦਾ ਹੈਮੌਜੂਦਾ ਸਮਾਂਃ \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ \'tsx\' \'tsx\' \'tsx\' \'tsx\' \'tsx\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' tsਕਰੰਟ ਟਾਈਮ ({className}: Props) {\\n ਕਾਂਸਟ [ਟਾਈਮ, ਸੈੱਟ ਟਾਈਮ] = usageState (ਨਵੀਂ ਮਿਤੀ ()) \\n\\n ਉਪਯੋਗ ਪ੍ਰਭਾਵ (() => {\\n ਕਾਂਸਟ ਅੰਤਰਾਲ = ਸੈੱਟਇੰਟਰਵਲ (() => {\\nਸੈੱਟ ਟਾਈਮ (ਨਵੀਂ ਮਿਤੀ ()) \\n}, 1000) \\n ਰਿਟਰਨ () => ਕਲੀਅਰ ਇੰਟਰਵਲ (ਇੰਟਰਵਲ) \\n}, []) \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ ਕਲਾਸ ਨਾਮ = {ਕਲਾਸ ਨਾਮ}> \\n <h1> \\n{time.toLocaleTimeString ()} \\n </h1> \\n </iv> \\n) \\n} \\n "\'\\n\\n ਇਹ ਕੰਪੋਨੈਂਟਃ \\n\\n-ਕੰਪੋਨੈਂਟ ਪ੍ਰੋਪਸ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਟਾਈਪਸਕਰਿਪਟ ਇੰਟਰਫੇਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ \\n-ਇੱਕ ਹੈਸਟੇਟ ਵੇਰੀਏਬਲ \'ਟਾਈਮ\' ਜੋ ਮੌਜੂਦਾ ਮਿਤੀ/ਸਮਾਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ \\n-ਸਮੇਂ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਲਈ ਹਰ ਸਕਿੰਟ \'ਸੈੱਟ ਇੰਟਰਵਲ\' ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ \'ਯੂਜ਼ ਇਫੈਕਟ\' ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ \\n-ਸਮਾਂ ਰੈਂਡਰ ਕਰਦਾ ਹੈ\'time.toLocaleTimeString ()\' ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ \\n-ਇੱਕ ਵਿਕਲਪਿਕ \'ਕਲਾਸਨਾਮ\' ਪ੍ਰੋਪ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਇੱਕ CSS ਕਲਾਸ ਨੂੰ ਹਿੱਸੇ \\n \'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕੇ। ਫਿਰ ਹਿੱਸੇ ਨੂੰ ਆਯਾਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।ਅਤੇ ਇੱਕ Next.js ਸਫ਼ੇ ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈਃ \\n\\n "\'tsx\\nimport ਕਰੰਟ ਟਾਈਮ ਤੋਂ\\\'./ਕਰੰਟ-ਟਾਈਮ\\\'\\n\\nexport ਡਿਫਾਲਟ ਫੰਕਸ਼ਨ ਹੋਮ () {\\n ਰਿਟਰਨ (\\n)<ਕਰੰਟ ਟਾਈਮ ਕਲਾਸਨਾਮ = "ਟੈਕਸਟ-4xl ਫੋਂਟ-ਬੋਲਡ"/> \\n) \\n} \\n "\'\\n\\n\' ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰਦਾ ਹੈ! ਮੈਨੂੰ ਦੱਸੋ ਜੇ ਤੁਹਾਡੇ ਕੋਈ ਹੋਰ ਪ੍ਰਸ਼ਨ ਹਨ। \',\' ਮੈਨੂੰ ਇੱਕ ਮਜ਼ਬੂਤੀ ਲਿਖੋ।ਇੱਕ ਐੱਨ. ਐੱਫ. ਟੀ. ਲਈ ਇਕਰਾਰਨਾਮਾ ਜੋ ਓਪਨਸੀ ਸਟੈਂਡਰਡ ਦੇ ਨਾਲ ਗੁਣਾਂ ਨੂੰ ਸਵੈ-ਉਤਪੰਨ ਕਰਦਾ ਹੈ ਜਦੋਂ ਇਸ ਨੂੰ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ \'] ', 'ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ', ' [\'ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ\', \'ਇੱਥੇ ਇੱਕ Next.js ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਹੈ ਜੋ ਦਰਸਾਉਂਦਾ ਹੈਮੌਜੂਦਾ ਸਮਾਂਃ \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ \'tsx\' \'tsx\' \'tsx\' \'tsx\' \'tsx\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' ts \'ts\' tsਕਰੰਟ ਟਾਈਮ ({className}: Props) {\\n ਕਾਂਸਟ [ਟਾਈਮ, ਸੈੱਟ ਟਾਈਮ] = usageState (ਨਵੀਂ ਮਿਤੀ ()) \\n\\n ਉਪਯੋਗ ਪ੍ਰਭਾਵ (() => {\\n ਕਾਂਸਟ ਅੰਤਰਾਲ = ਸੈੱਟਇੰਟਰਵਲ (() => {\\nਸੈੱਟ ਟਾਈਮ (ਨਵੀਂ ਮਿਤੀ ()) \\n}, 1000) \\n ਰਿਟਰਨ () => ਕਲੀਅਰ ਇੰਟਰਵਲ (ਇੰਟਰਵਲ) \\n}, []) \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ ਕਲਾਸ ਨਾਮ = {ਕਲਾਸ ਨਾਮ}> \\n <h1> \\n{time.toLocaleTimeString ()} \\n </h1> \\n </iv> \\n) \\n} \\n "\'\\n\\n ਇਹ ਕੰਪੋਨੈਂਟਃ \\n\\n-ਕੰਪੋਨੈਂਟ ਪ੍ਰੋਪਸ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਟਾਈਪਸਕਰਿਪਟ ਇੰਟਰਫੇਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ \\n-ਇੱਕ ਹੈਸਟੇਟ ਵੇਰੀਏਬਲ \'ਟਾਈਮ\' ਜੋ ਮੌਜੂਦਾ ਮਿਤੀ/ਸਮਾਂ ਨੂੰ ਸੰਭਾਲਦਾ ਹੈ \\n-ਸਮੇਂ ਨੂੰ ਅੱਪਡੇਟ ਕਰਨ ਲਈ ਹਰ ਸਕਿੰਟ \'ਸੈੱਟ ਇੰਟਰਵਲ\' ਨੂੰ ਕਾਲ ਕਰਨ ਲਈ \'ਯੂਜ਼ ਇਫੈਕਟ\' ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ \\n-ਸਮਾਂ ਰੈਂਡਰ ਕਰਦਾ ਹੈ\'time.toLocaleTimeString ()\' ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ \\n-ਇੱਕ ਵਿਕਲਪਿਕ \'ਕਲਾਸਨਾਮ\' ਪ੍ਰੋਪ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ ਤਾਂ ਜੋ ਇੱਕ CSS ਕਲਾਸ ਨੂੰ ਹਿੱਸੇ \\n \'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕੇ। ਫਿਰ ਹਿੱਸੇ ਨੂੰ ਆਯਾਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।ਅਤੇ ਇੱਕ Next.js ਸਫ਼ੇ ਵਿੱਚ ਇਸ ਤਰ੍ਹਾਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈਃ \\n\\n "\'tsx\\nimport ਕਰੰਟ ਟਾਈਮ ਤੋਂ\\\'./ਕਰੰਟ-ਟਾਈਮ\\\'\\n\\nexport ਡਿਫਾਲਟ ਫੰਕਸ਼ਨ ਹੋਮ () {\\n ਰਿਟਰਨ (\\n)<ਕਰੰਟ ਟਾਈਮ ਕਲਾਸਨਾਮ = "ਟੈਕਸਟ-4xl ਫੋਂਟ-ਬੋਲਡ"/> \\n) \\n} \\n "\'\\n\\n\' ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰਦਾ ਹੈ! ਮੈਨੂੰ ਦੱਸੋ ਜੇ ਤੁਹਾਡੇ ਕੋਈ ਹੋਰ ਪ੍ਰਸ਼ਨ ਹਨ। \',\' ਮੈਨੂੰ ਇੱਕ ਮਜ਼ਬੂਤੀ ਲਿਖੋ।ਇੱਕ ਐੱਨ. ਐੱਫ. ਟੀ. ਲਈ ਇਕਰਾਰਨਾਮਾ ਜੋ ਓਪਨਸੀ ਸਟੈਂਡਰਡ ਦੇ ਨਾਲ ਗੁਣਾਂ ਨੂੰ ਸਵੈ-ਉਤਪੰਨ ਕਰਦਾ ਹੈ ਜਦੋਂ ਇਸ ਨੂੰ \'ਮਿੰਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ\', \'ਇੱਥੇ ਇੱਕ ਐੱਨ. ਐੱਫ. ਟੀ. ਲਈ ਇੱਕ ਠੋਸਤਾ ਇਕਰਾਰਨਾਮਾ ਹੈ ਜੋਜਦੋਂ ਮਿੰਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਓਪਨਸੀ ਸਟੈਂਡਰਡ ਦੇ ਨਾਲ ਸਵੈ-ਉਤਪੰਨ ਗੁਣਃ \\n\\n "\'ਮਜ਼ਬੂਤੀ \\n// ਐੱਸਪੀਡੀਐਕਸ-ਲਾਇਸੈਂਸ-ਆਈਡੈਂਟੀਫਾਇਰਃ ਐੱਮਆਈਟੀ\\ਨਪ੍ਰਗਮਾ ਮਜ਼ਬੂਤੀ 0.8.0; \\n\\ਨਿੰਪੋਰਟ"@NAME_1 ਕੰਟਰੈਕਟ/ਟੋਕਨ/ERC721/ERC721. ਸੋਲ"; "@NAME_1 ਕੰਟਰੈਕਟ/ਯੂਟਿਲਸ/ਸਟਰਿੰਗਜ਼. ਸੋਲ"; "@NAME_1 ਕੰਟਰੈਕਟ/ਯੂਟਿਲਸ/ਬੇਸ64. ਸੋਲ"; \\n\\n ਕੰਟਰੈਕਟMyNFT ਹੈ ERC721 {\\n\\n ਯੂ. ਆਈ. ਐੱਨ. ਟੀ. 256 ਲਈ ਸਤਰ ਵਰਤ ਰਿਹਾ ਹੈ; \\n ਬਾਈਟਾਂ ਲਈ ਬੇਸ64 ਦੀ ਵਰਤੋਂ ਕਰ ਰਿਹਾ ਹੈ; \\n\\n ਸਤਰ ਜਨਤਕ ਯੂ. ਆਰ. ਆਈ. ਪ੍ਰੀਫਿਕਸ = "ਆਈ. ਪੀ. ਐੱਫ. ਐੱਸ.://"; \\n ਸਤਰ ਜਨਤਕ ਯੂ. ਆਰ. ਆਈ. ਸਫਿਕਸ =. "json"; \\n\\n ਸਤਰ [] ਜਨਤਕ ਲੱਛਣ; \\n\\n ਮੈਪਿੰਗ (uint => ਸਤਰ) _ tockenURIs; \\n\\n ਕੰਸਟਰਕਟਰ (\\n ਸਤਰ [] ਮੈਮਰੀ _ ਟ੍ਰੇਟਸ \\n) ERC721 ("MyNFT", "NFT"){\\n trait = _ trait; \\n} \\n\\n ਫੰਕਸ਼ਨ ਮਿੰਟ ਐੱਨ. ਐੱਫ. ਟੀ. (ਐਡਰੈੱਸ ਰਿਸੀਵਰ) ਪਬਲਿਕ ਰਿਟਰਨ (uint256) {\\n uint256 newtokenId = _tokenIds.current (); \\n_ ਮਿੰਟ (ਪ੍ਰਾਪਤਕਰਤਾ, ਨਿਊ ਟੋਕਨਆਈਡੀ); \\n ਜਨਰੇਟ ਟੋਕਨਯੂਆਰਆਈ (ਨਿਊ ਟੋਕਨਆਈਡੀ); \\n ਰਿਟਰਨ ਨਿਊ ਟੋਕਨਆਈਡੀ; \\n} \\n\\n ਫੰਕਸ਼ਨ ਜਨਰੇਟ ਟੋਕਨਯੂਆਰਆਈ (uint256 _ tockenId) ਅੰਦਰੂਨੀ {\\n\\nਸਤਰ ਮੈਮਰੀ ਗੁਣ = _ ਜਨਰੇਟਟੋਕਨ ਗੁਣ (_ ਟੋਕਨਆਈਡੀ); \\n\\n ਸਤਰ ਮੈਮਰੀ ਜਸਨ = Base64.encode (\\n ਬਾਈਟਸ (\\n ਸਤਰ (\\n abi.encodePacked (\\n)\\ \'{"ਨਾਮ": "ਮੇਰਾ ਐੱਨ. ਐੱਫ. ਟੀ. #\\", _tokenId.toString (),\\"," ਵੇਰਵਾ ":" ਇੱਕ ਵਿਲੱਖਣ ਐੱਨ. ਐੱਫ. ਟੀ.! ",\\\', ਗੁਣ,\\\'}\\\' \\n) \\n) \\n); \\n\\n _ tockenURIs [_ tockenId] =ਸਤਰ (\\n abi.encodePacked (ਯੂਰੀਪ੍ਰੀਫਿਕਸ, ਜੇਸਨ, ਯੂਰੀਸਫਿਕਸ) \\n); \\n} \\n\\n ਫੰਕਸ਼ਨ _ ਜਨਰੇਟਟੋਕਨਐਟਰੀਬਿਊਟ (uint256 _ ਟੋਕਨਆਈਡੀ) ਅੰਦਰੂਨੀ ਦ੍ਰਿਸ਼ ਰਿਟਰਨ (ਸਤਰ)ਮੈਮਰੀ) {\\n ਸਤਰ [5] ਮੈਮਰੀ ਗੁਣ; \\n\\n ਗੁਣ [0] = ਸਤਰ (abi.encodePacked ("ਰੰਗਃ", ਗੁਣ [_ togenId% traits.length]); \\n\\n ਵਾਪਸੀਸਤਰ (abi.encodePacked (\\\'[\\\', ਸਤਰ (abi.encodePacked (ਗੁਣ),\\\']\\\')); \\n} \\n\\n ਫੰਕਸ਼ਨ ਟੋਕਨ ਯੂ. ਆਰ. ਆਈ. (uint256 _ tockenId) ਜਨਤਕ ਦ੍ਰਿਸ਼ ਰਿਟਰਨ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਦਾ ਹੈ।(ਸਤਰ ਮੈਮਰੀ) {\\n ਦੀ ਲੋਡ਼ ਹੈ (_ ਮੌਜੂਦ ਹੈ (_ ਟੋਕਨਆਈਡੀ), "ERC721Metadata: ਗੈਰ-ਮੌਜੂਦ ਟੋਕਨ ਲਈ ਯੂਆਰਆਈ ਪੁੱਛਗਿੱਛ"); \\n ਰਿਟਰ੍ਨ _ ਟੋਕਨਯੂਆਰਆਈਜ਼ [_ ਟੋਕਨਆਈਡੀ]; \\n} \\n} \\n "\'\\n\\n ਇਹਇਕਰਾਰਨਾਮਾਃ \\n\\n-NFTs ਲਈ NAME _ 1 ਦੇ ERC721 ਇਕਰਾਰਨਾਮੇ ਤੋਂ ਵਿਰਾਸਤ \\n-ਕੰਸਟਰਕਟਰ \\n ਵਿੱਚ ਪਾਸ ਕੀਤੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀਆਂ ਤਾਰਾਂ ਦੀ ਇੱਕ ਲਡ਼ੀ ਸਟੋਰ ਕਰਦਾ ਹੈ-ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਪੁਦੀਨੇ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ\'ਮਿੰਟ ਐੱਨ. ਐੱਫ. ਟੀ. ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਐੱਨ. ਐੱਫ. ਟੀ. \\n-ਜਦੋਂ ਇੱਕ ਐੱਨ. ਐੱਫ. ਟੀ. ਤਿਆਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਓਪਨਸੀ ਸਟੈਂਡਰਡ ਗੁਣਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟੋਕਨ ਯੂ. ਆਰ. ਆਈ. ਡਾਟਾ ਤਿਆਰ ਕਰਦਾ ਹੈ।ਵਿਸ਼ੇਸ਼ਤਾ ਐਰੇ ਤੋਂ ਇੱਕ ਬੇਤਰਤੀਬ ਵਿਸ਼ੇਸ਼ਤਾ ਸ਼ਾਮਲ ਕਰੋ \\n-ਟੋਕਨ URI ਨੂੰ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਵਾਪਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਦੋਂ \'ਟੋਕਨURI ()\' ਨੂੰ \\n\\n ਕਿਹਾ ਜਾਂਦਾ ਹੈ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰਦਾ ਹੈ! ਮੈਨੂੰ ਦੱਸੋ ਕਿ ਕੀ ਤੁਸੀਂਕੋਈ ਹੋਰ ਪ੍ਰਸ਼ਨ ਹਨ। \',\' ਮੈਨੂੰ ਇੱਕ ਮਜ਼ਬੂਤੀ ਦਾ ਇਕਰਾਰਨਾਮਾ ਲਿਖੋ ਜੋ ਓਪਨਸੀ ਸਟੈਂਡਰਡ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਇੱਕ ਐੱਨ. ਐੱਫ. ਟੀ. ਬਣਾਉਂਦਾ ਹੈ \'] ', 'ਮੈਨੂੰ ਇੱਕ ਨੈਕਸਟਜੇਐਸ ਕੰਪੋਨੈਂਟ ਲਈ ਕੁਝ ਟਾਈਪ ਸਕ੍ਰਿਪਟ ਕੋਡ ਲਿਖੋ ਜੋ ਮੌਜੂਦਾ ਸਮਾਂ ਦਰਸਾਉਂਦਾ ਹੈ \n ']