diff --git a/components/Presets.tsx b/components/Presets.tsx index 75682b3..968a1ae 100644 --- a/components/Presets.tsx +++ b/components/Presets.tsx @@ -1,16 +1,17 @@ -import { useContext } from "solid-js"; +import { children, type JSX, useContext } from "solid-js"; import { type Features, StoreContext } from "components/Store"; import clsx from "clsx"; function Preset(props: { title: string; - description: string; + children: JSX.Element; features: Features[]; class?: string; titleClass?: string; disabled?: boolean; }) { const { selectPreset } = useContext(StoreContext); + const c = children(() => props.children); return ( ); @@ -36,29 +37,30 @@ export default function Presets() { title="Plain Vike" class="hover:outline outline-amber-500 outline-1 outline-offset-2" titleClass="underline decoration-amber-500" - description="For trying out Vike, or manually assembling your stack" features={["framework"]} - /> + > + For trying out Vike, or{" "} + manually assembling your stack + + > + If a backend isn't needed, or a backend already exists + - + > + Frontend + Server + Database + + + E-commerce website powered by Shopify or BigCommerce. + ); }