import { Tooltip } from './index.js'
import { Button } from '../Button/index.js'
import { IconButton } from '../IconButton/index.js'

export const OnButton = () => {
  return (
    <Tooltip value="Send message" keyHint="Enter">
      <Button>Send message</Button>
    </Tooltip>
  )
}

export const OnIconButton = () => {
  return (
    <Tooltip value="Close" keyHint="Esc">
      <IconButton icon="close" />
    </Tooltip>
  )
}
