You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
825 B
27 lines
825 B
import classNames from "classnames";
|
|
|
|
import List from "components/services/list";
|
|
import ResolvedIcon from "components/resolvedicon";
|
|
|
|
export default function ServicesGroup({ services, layout }) {
|
|
return (
|
|
<div
|
|
key={services.name}
|
|
className={classNames(
|
|
layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 3xl:basis-1/5",
|
|
"flex-1 p-1"
|
|
)}
|
|
>
|
|
<div className="flex select-none items-center">
|
|
{layout?.icon &&
|
|
<div className="flex-shrink-0 mr-2 w-7 h-7">
|
|
<ResolvedIcon icon={layout.icon} />
|
|
</div>
|
|
}
|
|
<h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{services.name}</h2>
|
|
</div>
|
|
<List services={services.services} layout={layout} />
|
|
</div>
|
|
);
|
|
}
|