kopia lustrzana https://github.com/Tldraw/Tldraw
32 wiersze
830 B
TypeScript
32 wiersze
830 B
TypeScript
import { observer } from 'mobx-react-lite'
|
|
import * as React from 'react'
|
|
import { Container } from '~components/Container'
|
|
import { SVGContainer } from '~components/SVGContainer'
|
|
import { useBoundsEvents } from '~hooks'
|
|
import type { TLBounds } from '~types'
|
|
|
|
interface BoundsBgProps {
|
|
bounds: TLBounds
|
|
rotation: number
|
|
isHidden: boolean
|
|
}
|
|
|
|
export const BoundsBg = observer<BoundsBgProps>(function BoundsBg({ bounds, rotation, isHidden }) {
|
|
const events = useBoundsEvents()
|
|
|
|
return (
|
|
<Container bounds={bounds} rotation={rotation}>
|
|
<SVGContainer>
|
|
<rect
|
|
className="tl-bounds-bg"
|
|
aria-label="bounds bg"
|
|
width={bounds.width}
|
|
height={bounds.height}
|
|
opacity={isHidden ? 0 : 1}
|
|
{...events}
|
|
/>
|
|
</SVGContainer>
|
|
</Container>
|
|
)
|
|
})
|