import { For } from "solid-js";
import { StoryItem, StoryItemType } from "./partials/StoryItem";



type StoryItemsProps = {
    storyItems: StoryItemType[]
}

export const StoryItems = (props: StoryItemsProps) => {

    return (
        <div class="w-full grid grid-cols-1 gap-5 xl:grid-cols-2">
            <For each={props.storyItems}>{(item, index) =>
                <StoryItem item={item} mirrored={index() % 2 === 0} />
            }</For>
        </div>
    )



}