Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | import { Stack } from "@chakra-ui/react";
import type { FunctionComponent } from "react";
import { PackageListViewProps } from "./PackageList";
import { PackageCard, PackageCardType } from "../PackageCard";
export const WideCardList: FunctionComponent<PackageListViewProps> = ({
"data-event": dataEvent,
items,
}) => {
return (
<Stack spacing={4}>
{items.map((pkg) => (
<PackageCard
data-event={dataEvent}
key={`${pkg.name}-${pkg.version}`}
pkg={pkg}
variant={PackageCardType.Wide}
/>
))}
</Stack>
);
};
|