"use client";

import Link from "next/link";

import { ROUTES } from "@/router/routes";

import styles from "./back-bar.module.css";

/**
 * 顶部返回栏：chevron + "Back" 文字，链接至聊天页。
 *
 * 视觉规格（与设计稿对齐）：
 *   - 黑色文本（浅色主题下）
 *   - 居左对齐，顶部留白
 */
export function BackBar() {
  return (
    <header className={styles.bar}>
      <Link
        href={ROUTES.chat}
        className={styles.link}
        aria-label="Back"
      >
        <svg
          width="20"
          height="20"
          viewBox="0 0 24 24"
          fill="none"
          aria-hidden="true"
          className={styles.icon}
        >
          <path
            d="M15 6l-6 6 6 6"
            stroke="currentColor"
            strokeWidth="2"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </svg>
        <span className={styles.text}>Back</span>
      </Link>
    </header>
  );
}
