ThirdwebNftMediaProps
  children: ReactNode;  className: string;  controls: boolean;  height: string;  metadata: objectOutputType<    extendShape<extendShape<{}, {}>, {}>,    ZodUnion<      [        ZodEffects<          ZodUnion<            [              ZodBigInt,              ZodType<BigNumber, ZodTypeDef, BigNumber>,              ZodType<BN, ZodTypeDef, BN>,            ]          >,          string,          bigint | BigNumber | BN        >,        ZodUnknown,      ]    >,    "strip"  >;  mimeType: string;  requireInteraction: boolean;  style: CSSProperties;  width: string;}
type children = ReactNode;
The className to apply on the rendered element to add custom styling.
type className = string;
Show the media controls (where applicable)
 By default it is set to false
type controls = boolean;
CSS height of the media
type height = string;
The NFT metadata of the NFT returned by the thirdweb sdk.
type metadata = objectOutputType<  extendShape<extendShape<{}, {}>, {}>,  ZodUnion<    [      ZodEffects<        ZodUnion<          [            ZodBigInt,            ZodType<BigNumber, ZodTypeDef, BigNumber>,            ZodType<BN, ZodTypeDef, BN>,          ]        >,        string,        bigint | BigNumber | BN      >,      ZodUnknown,    ]  >,  "strip">;
Provide the MIME type of the media if it is known
type mimeType = string;
Require user interaction to play the media.
 By default it is set to false
type requireInteraction = boolean;
The style to apply on the rendered element to add custom styling.
type style = CSSProperties;
CSS width of the media
type width = string;