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.
31 lines
876 B
31 lines
876 B
import classNames from "classnames";
|
|
|
|
import Item from "components/services/item";
|
|
|
|
const columnMap = [
|
|
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
"grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
|
|
"grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
|
|
];
|
|
|
|
export default function List({ services, layout }) {
|
|
return (
|
|
<ul
|
|
className={classNames(
|
|
layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col",
|
|
"mt-3"
|
|
)}
|
|
>
|
|
{services.map((service) => (
|
|
<Item key={service.name} service={service} />
|
|
))}
|
|
</ul>
|
|
);
|
|
}
|