import { Box2d } from '@tldraw/primitives' import { getPerfectDashProps } from './getPerfectDashProps' export function DashedOutlineBox({ bounds, zoomLevel, className, }: { bounds: Box2d zoomLevel: number className: string }) { return ( {bounds.sides.map((side, i) => { const { strokeDasharray, strokeDashoffset } = getPerfectDashProps( side[0].dist(side[1]), 1 / zoomLevel, { style: 'dashed', lengthRatio: 4, } ) return ( ) })} ) }