import AppCatalog from '@/components/shared/sidebar/app-catalog'
import FeatureCard from '@/components/shared/store/feature-card'
import {CategoryPageSqlSchema} from '@/lib/data/models/sqlSchemas'
import {thisLocales} from '@/lib/utils'

export default async function CategoryPageIndex({
	data
}: {
	data: CategoryPageSqlSchema[]
}) {
	const locales = await thisLocales(data)

	return (
		<div className='mt-1'>
			<div className='container flex flex-col sm:flex-row'>
				<section className='bw-layout-col-left pt-3'>
					<AppCatalog />
				</section>
				<div className='bw-layout-col-right pt-3'>
					<section className='grid w-full grid-cols-3 gap-6 p-6 shadow-xl shadow-brand-violet/25'>
						{locales.map((card: CategoryPageSqlSchema, i: number) => (
							<FeatureCard key={i} card={card} />
						))}
					</section>
				</div>
			</div>
		</div>
	)
}