/**
 * AccountSetupNotice.tsx — 계좌 미등록/미검증 빈 상태 안내 컴포넌트
 *
 * 사용처:
 * - PortfolioSummary / PortfolioPanel: v2 API가 400(계좌 미등록·미검증)을 반환할 때
 * - Dashboard: 매수/매도 요청이 400/423(자동매매 비활성)로 거부될 때
 *
 * 정책: 에러 토스트 대신 인라인 안내 + `/account` 이동 버튼 (일회성 alert 금지).
 */
import { Link } from 'react-router-dom'
import { ShieldAlert } from 'lucide-react'

interface AccountSetupNoticeProps {
    /** 안내 문구 — 백엔드 detail 메시지를 그대로 넘기거나 기본 문구 사용 */
    message?: string
    /** 컴팩트 배너(한 줄) 모드 — 목록/버튼 인근처럼 좁은 영역용 */
    compact?: boolean
    className?: string
}

const DEFAULT_MESSAGE = 'KIS 계좌가 등록·검증되지 않았습니다. 내 계좌 설정에서 계좌를 등록·검증하세요.'

const AccountSetupNotice = ({ message, compact = false, className = '' }: AccountSetupNoticeProps) => {
    if (compact) {
        return (
            <div
                className={`flex items-center gap-2 px-3 py-2 rounded-sm border border-yellow-500/30 bg-yellow-500/10 text-yellow-400 text-[10px] ${className}`}
                role="alert"
            >
                <ShieldAlert size={12} className="flex-shrink-0" />
                <span className="flex-1 leading-tight">{message || DEFAULT_MESSAGE}</span>
                <Link
                    to="/account"
                    className="flex-shrink-0 px-2 py-0.5 rounded-sm border border-yellow-500/40 hover:bg-yellow-500/20 transition-colors whitespace-nowrap"
                >
                    계좌 설정
                </Link>
            </div>
        )
    }

    return (
        <div
            className={`flex items-center gap-3 px-4 py-3 rounded-lg border border-yellow-500/30 bg-yellow-500/10 text-yellow-400 text-xs mb-3 ${className}`}
            role="alert"
        >
            <ShieldAlert size={16} className="flex-shrink-0" />
            <span className="flex-1">{message || DEFAULT_MESSAGE}</span>
            <Link
                to="/account"
                className="flex-shrink-0 px-3 py-1.5 rounded-md border border-yellow-500/40 hover:bg-yellow-500/20 transition-colors font-medium whitespace-nowrap"
            >
                내 계좌 설정으로 이동
            </Link>
        </div>
    )
}

export default AccountSetupNotice