wehub-resource-sync
4cddfcf2f3
Backend Tests / Tests (other) (push) Failing after 1s
Backend Tests / Static Checks (push) Failing after 2s
Backend Tests / Tests (internal) (push) Failing after 2s
Backend Tests / Tests (server) (push) Failing after 1s
Backend Tests / Tests (store) (push) Failing after 1s
Build Canary Image / build-frontend (push) Failing after 1s
Frontend Tests / Lint (push) Failing after 1s
Build Canary Image / build-push (linux/amd64) (push) Has been skipped
Build Canary Image / build-push (linux/arm64) (push) Has been skipped
Build Canary Image / merge (push) Has been skipped
Frontend Tests / Build (push) Failing after 1s
Release Please / release-please (push) Failing after 0s
Proto Linter / Lint Protos (push) Failing after 2s
20 lines
619 B
TypeScript
20 lines
619 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import type { ReactMarkdownProps } from "./types";
|
|
|
|
interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement>, ReactMarkdownProps {}
|
|
|
|
/**
|
|
* Image component for markdown images
|
|
* Responsive with rounded corners
|
|
*/
|
|
export const Image = ({ className, alt, node: _node, height, width, style, ...props }: ImageProps) => {
|
|
return (
|
|
<img
|
|
className={cn("max-w-full my-2", !height && "h-auto", className)}
|
|
alt={alt}
|
|
style={{ height: height ? `${height}px` : undefined, width: width ? `${width}px` : undefined, ...style }}
|
|
{...props}
|
|
/>
|
|
);
|
|
};
|