import { __awaiter } from '../node_modules/.pnpm/@rollup_plugin-typescript@12.1.4_rollup@4.46.2_tslib@2.8.1_typescript@5.9.3/node_modules/tslib/tslib.es6.mjs';
import { jsxs, jsx } from 'react/jsx-runtime';
import { getTranslations } from 'next-intl/server';
import { getGlobalIcon } from '@windrun-huaiin/base-ui/components/server';
import { cn } from '@windrun-huaiin/lib/utils';
import { richText } from './rich-text-expert.mjs';
import { responsiveSection } from './section-layout.mjs';

function Features(_a) {
    return __awaiter(this, arguments, void 0, function* ({ locale, sectionClassName }) {
        const t = yield getTranslations({ locale, namespace: 'features' });
        // Process translation data
        const featureItems = t.raw('items');
        const data = {
            title: t('title'),
            eyesOn: t('eyesOn'),
            description: richText(t, 'description'),
            items: featureItems.map((feature, index) => ({
                id: `feature-item-${index}`,
                title: feature.title,
                description: richText(t, `items.${index}.description`),
                iconKey: feature.iconKey
            }))
        };
        return (jsxs("section", { id: "features", className: cn(responsiveSection, sectionClassName), children: [jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [data.title, " ", jsx("span", { className: "text-purple-500", children: data.eyesOn })] }), jsx("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base sm:text-lg mx-auto max-w-3xl", children: data.description }), jsx("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
                        const Icon = getGlobalIcon(feature.iconKey);
                        return (jsxs("div", { "data-feature-id": feature.id, className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none", children: [jsx("div", { className: "text-4xl mb-4 flex items-center justify-start", children: jsx(Icon, { className: "w-8 h-8" }) }), jsx("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }), jsx("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })] }, feature.id));
                    }) })] }));
    });
}

export { Features };
