<?php
/**
 * PufferGo Breadcrumb Navigation
 *
 * 纯渲染组件：接收预处理的面包屑数据，只负责 HTML 输出。
 * 颜色与字体跟随设计系统（brand / neutral 色板）。
 *
 * @param array $items 面包屑数据，每个元素 ['url' => string|null, 'label' => string]。
 *                     url=null 表示当前页（最后一项）。
 *
 * @package PufferGo
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

if ( empty( $items ) ) {
	return;
}
?>
<nav class="flex flex-wrap items-center gap-2 text-sm py-4" aria-label="<?php esc_attr_e( 'Breadcrumb', 'puffergo' ); ?>">
	<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="text-neutral-400 hover:text-brand-600 transition-colors">
		<svg class="h-4 w-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
		</svg>
	</a>
	<?php foreach ( $items as $item ) : ?>
		<span class="text-neutral-300 select-none">/</span>
		<?php if ( $item['url'] ) : ?>
			<a href="<?php echo esc_url( $item['url'] ); ?>" class="text-brand-600 hover:text-brand-800 hover:underline transition-colors"><?php echo esc_html( $item['label'] ); ?></a>
		<?php else : ?>
			<span class="text-neutral-700 font-medium truncate max-w-xs"><?php echo esc_html( $item['label'] ); ?></span>
		<?php endif; ?>
	<?php endforeach; ?>
</nav>
