"use client";
/**
 * 订阅页渐变横幅
 *
 * 视觉规格（与设计稿对齐）：
 *   - 粉→桃渐变背景（90deg）
 *   - 居中白色 17px/600 文字
 *   - 底部中央有一个向下指的 CSS 三角
 */
import styles from "./subscription-banner.module.css";

export interface SubscriptionBannerProps {
  className?: string;
  title?: string;
}

export function SubscriptionBanner({
  className,
  title = "Subscribe to become the VIP Member",
}: SubscriptionBannerProps) {
  return (
    <div
      className={[styles.banner, className].filter(Boolean).join(" ")}
      role="note"
    >
      <p className={styles.text}>{title}</p>
      <span className={styles.pointer} aria-hidden="true" />
    </div>
  );
}
