Div as a Button

DivButton.jsx

import React from 'react'
import PropTypes from 'prop-types'

const allowedKeys = ['Enter', 'Space']

const DivButton = ({ hideText, setHideText }) => { 
  return (
    <div
      role="button"
      tabIndex="0"
      onClick={() => setHideText(!hideText)}
      onKeyPress={e => {
        allowedKeys.indexOf(e?.code) > -1 &&
          setHideText(!hideText)
      }}
      css={(
        display: 'inline-block',
        textAlign: 'center',
        color: 'bottontext',
        borderRadius: 2,
        backgroundColor: '#EFEFEF',
        boxSizing: 'border-box',
        padding: '1px 7px',
        border: '1px outset #767676',
        cursor: 'pointer',
        ':hover': {
          color: '#aaaaaa' 
         }   
      )}
  >
    I am a div
  </div>
  )
}