Tldraw/packages/core/src/components/Bounds/CloneButtons.tsx

25 wiersze
1.0 KiB
TypeScript

import * as React from 'react'
import type { TLBounds } from '~types'
import { CloneButton } from './CloneButton'
export interface CloneButtonsProps {
bounds: TLBounds
targetSize: number
size: number
}
export function CloneButtons({ targetSize, size, bounds }: CloneButtonsProps) {
return (
<>
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="top" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="right" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="bottom" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="left" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="topLeft" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="topRight" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="bottomLeft" />
<CloneButton targetSize={targetSize} size={size} bounds={bounds} side="bottomRight" />
</>
)
}