@lobehub/ui/es/Image/viewer/ActualSizeIcon.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

"use client";
import { styles } from "../style.mjs";
import { memo } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/Image/viewer/ActualSizeIcon.tsx
const CORNERS = [
	{
		d: "m21 21-6-6m6 6v-4.8m0 4.8h-4.8",
		origin: "18px 18px"
	},
	{
		d: "M3 16.2V21m0 0h4.8M3 21l6-6",
		origin: "6px 18px"
	},
	{
		d: "M21 7.8V3m0 0h-4.8M21 3l-6 6",
		origin: "18px 6px"
	},
	{
		d: "M3 7.8V3m0 0h4.8M3 3l6 6",
		origin: "6px 6px"
	}
];
const ActualSizeIcon = memo(({ color = "currentColor", fill = "none", height = 24, strokeWidth = 2, width = 24 }) => /* @__PURE__ */ jsx("svg", {
	fill,
	height,
	stroke: color,
	strokeLinecap: "round",
	strokeLinejoin: "round",
	strokeWidth,
	viewBox: "0 0 24 24",
	width,
	xmlns: "http://www.w3.org/2000/svg",
	children: CORNERS.map(({ d, origin }) => /* @__PURE__ */ jsx("path", {
		className: styles.actualSizeCorner,
		d,
		style: { transformOrigin: origin }
	}, d))
}));
ActualSizeIcon.displayName = "ActualSizeIcon";
//#endregion
export { ActualSizeIcon as default };

//# sourceMappingURL=ActualSizeIcon.mjs.map