diff --git a/components/card/Standard.tsx b/components/card/Standard.tsx index 1eb012c..8ce4460 100644 --- a/components/card/Standard.tsx +++ b/components/card/Standard.tsx @@ -2,15 +2,24 @@ import Image from "next/image"; import { useTranslation } from "next-i18next"; import { HeartIcon, ShareIcon } from "@heroicons/react/outline"; import { Button } from "@fluid-design/fluid-ui"; +import { twMerge } from "tailwind-merge"; +import clsx, { ClassValue } from "clsx"; + +/** Merge classes with tailwind-merge with clsx full feature */ +function clsxm(...classes: ClassValue[]) { + return twMerge(clsx(...classes)); +} export const CardStandardComponent = ({ src = undefined, ...props }) => { const { t } = useTranslation("image"); const contrastRing = `contrast-more:border contrast-more:border-primary-800 dark:contrast-more:border-primary-200`; return (
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do - eiusmod tempor. + A photo shot by Guillaume Marques on Unsplash.