kopia lustrzana https://github.com/Tldraw/Tldraw
33 wiersze
651 B
TypeScript
33 wiersze
651 B
TypeScript
import { DotFilledIcon } from '@radix-ui/react-icons'
|
|
import * as React from 'react'
|
|
import { IconButton } from '~components/IconButton/IconButton'
|
|
import styled from '~styles'
|
|
|
|
interface FocusButtonProps {
|
|
onSelect: () => void
|
|
}
|
|
|
|
export function FocusButton({ onSelect }: FocusButtonProps) {
|
|
return (
|
|
<StyledButtonContainer>
|
|
<IconButton onClick={onSelect}>
|
|
<DotFilledIcon />
|
|
</IconButton>
|
|
</StyledButtonContainer>
|
|
)
|
|
}
|
|
|
|
const StyledButtonContainer = styled('div', {
|
|
opacity: 1,
|
|
zIndex: 100,
|
|
backgroundColor: 'transparent',
|
|
|
|
'& svg': {
|
|
color: '$muted',
|
|
},
|
|
|
|
'&:hover svg': {
|
|
color: '$text',
|
|
},
|
|
})
|