import React, {FC} from "react";
import {FeaturedPreset, FeaturedPresetProps, Preset} from "./FeaturedPreset";
import {Tab} from "@headlessui/react";

export type Presets = Preset[]

export type PresetsGridProps = {
    presets: Presets
}

export const PresetsGrid: FC<PresetsGridProps> = ({presets}) => {
    return <div className={'grid grid-cols-4 gap-3'}>
        {presets?.map?.(preset =>
            <FeaturedPreset preset={preset} style={'light'}/>)}
    </div>
};