kopia lustrzana https://github.com/bugout-dev/moonstream
37 wiersze
860 B
JavaScript
37 wiersze
860 B
JavaScript
|
|
import { jsx } from "@emotion/react";
|
|
import { Flex, Image, Link } from "@chakra-ui/react";
|
|
|
|
const TrustedBadge = ({ name, caseURL, ImgURL }) => {
|
|
return (
|
|
<Flex
|
|
m={1}
|
|
justifyContent="center"
|
|
alignItems="center"
|
|
alignSelf="center"
|
|
wrap="nowrap"
|
|
p={8}
|
|
direction="column"
|
|
>
|
|
<Image
|
|
sx={{ filter: "grayscale(100%)" }}
|
|
h={["2.25rem", null, "3rem", "3rem", "4rem", "6rem"]}
|
|
src={ImgURL}
|
|
alt={name}
|
|
></Image>
|
|
{caseURL && (
|
|
// <RouterLink href={caseURL} passHref scroll={true}>
|
|
<Link
|
|
fontSize={["sm", null, "md", "lg"]}
|
|
textColor="secondary.900"
|
|
href="/case-studies/activeloop"
|
|
>
|
|
{`Read case study >`}
|
|
</Link>
|
|
// </RouterLink>
|
|
)}
|
|
</Flex>
|
|
);
|
|
};
|
|
export default TrustedBadge;
|