import type { ClassValue } from "corvos/deps/clsx.ts";
import type { Props as ImageProps } from "corvos/plugins/images.ts";

import { Image } from "corvos/plugins/images.ts";

export type Props = Omit<ImageProps, "src"> & {
	"src"?: string;
	"img-class"?: ClassValue;
};

export const ContentImage = ({ src, "img-class": imgClass, ...props }: Props) => (
	<a href={src} data-lightbox {...props}>
		<Image src={src} width="1400" class:list={imgClass} />
	</a>
);