transfer-out: transfer out

packages/editor/src/lib/app/shapeutils/shared/DashedOutlineBox.tsx

@@ -0,0 +1,39 @@
+import { Box2d } from '@tldraw/primitives'
+import { getPerfectDashProps } from './getPerfectDashProps'
+
+export function DashedOutlineBox({
+	bounds,
+	zoomLevel,
+	className,
+}: {
+	bounds: Box2d
+	zoomLevel: number
+	className: string
+}) {
+	return (
+		<g className={className} pointerEvents="none" strokeLinecap="round" strokeLinejoin="round">
+			{bounds.sides.map((side, i) => {
+				const { strokeDasharray, strokeDashoffset } = getPerfectDashProps(
+					side[0].dist(side[1]),
+					1 / zoomLevel,
+					{
+						style: 'dashed',
+						lengthRatio: 4,
+					}
+				)
+
+				return (
+					<line
+						key={i}
+						x1={side[0].x}
+						y1={side[0].y}
+						x2={side[1].x}
+						y2={side[1].y}
+						strokeDasharray={strokeDasharray}
+						strokeDashoffset={strokeDashoffset}
+					/>
+				)
+			})}
+		</g>
+	)
+}