dpot-frontend/app/(main)/support/navTab.tsx

'use client';

// /@app/support/navTab.tsx
import Link from 'next/link';
import './style.scss';

export default function NavTab({ currentTab }: { currentTab: string }) {
	if (!currentTab) {
		currentTab = 'notice';
	}

	const navTabs = [
		{ key: 'notice', href: '/board/notice', label: '공지사항' },
		{ key: 'faq', href: '/support/faq', label: '자주 묻는 질문' },
		{ key: 'guide', href: '/support/guide', label: '이용안내' },
		{ key: 'contact', href: '/support/contact', label: '제휴 문의' },
	];

	return (
		<section id='navTab'>
			{navTabs.map(({ key, href, label }) => (
				<article key={key}>
					<Link href={href} {...(currentTab === key ? { className: 'active' } : {})} rel="noopener help">{label}</Link>
				</article>
			))}
		</section>
	);
}