onA11yClick

a11y.ts

type Handler<T> = (
  event: React.KeyboardEvent<T> | React.MouseEvent<T, MouseEvent>
) => void

export const onA11yClick = <T>(handler: Handler<T>) => {
  return {
    tabIndex: 0,
    role: "button",
    onClick: (event: React.MouseEvent<T, MouseEvent>) => handler(event),
    onKeyPress: (event: React.KeyboardEvent<T>) => {
      if (event.key === "Enter" || event.key === " ") {
        handler(event)
      }
    },
  }
}