你了解 google Adsense 广告单元的代码嵌入方式，也知道广告单元的常见尺寸，我需要在网站的任何位置嵌入广告单元，并看起来和网站内容浑然一体，我希望编写一个组件来做这件事，并且广告单元的参数可以自定义，比如单元 ID，发布商，尺寸等。我希望这个组件足够通用。
我将为你创建一个通用的 Google AdSense 广告组件，可以轻松地在网站的任何位置嵌入广告单元，并且可以自定义各种参数。
我创建了一个通用的 Google AdSense 广告组件系统，包含以下文件：
google-adsense.tsx - 核心组件，负责：
ad-container.tsx - 高级封装组件，提供：
ad-examples/page.tsx - 示例页面，展示：
基本用法：
// 简单使用
<GoogleAdSense
adUnitId="YOUR_AD_UNIT_ID"
publisherId="YOUR_PUBLISHER_ID"
responsive={true}
/>
// 使用预设尺寸和样式
<AdContainer
adUnitId="YOUR_AD_UNIT_ID"
publisherId="YOUR_PUBLISHER_ID"
size="medium-rectangle"
containerStyle="card"
/>完全可定制：
响应式设计：
无缝集成：
容错处理：
类型安全：
你可以根据需要调整组件参数，轻松地在网站的任何位置嵌入广告单元，并确保它们与网站内容浑然一体。
不要改动现有代码，增加一个示例页面来展示伪造的广告内容来预览效果，包括广告图片文字。
我创建了一个全新的广告预览页面，包含以下内容：
mock-ad.tsx - 模拟广告组件
ad-preview/page.tsx - 广告预览页面
每个模拟广告都包含完整的视觉元素：产品图片、吸引人的标题、简洁的描述、价格信息和行动按钮，让你可以直观地看到广告在网站中的实际显示效果。
Uncaught TagError: adsbygoogle.push() error: No slot size for availableWidth=0