'use client'
import React from 'react'

interface R42ButtonProps {
  onClick: () => void
}

export function R42Button({ onClick }: R42ButtonProps) {
  return (
    <button
      onClick={onClick}
      aria-label="Open R42 assistant"
      style={{
        position: 'fixed',
        bottom: 'calc(var(--nav-height) + 16px)',
        right: '16px',
        width: 'var(--r42-size)',
        height: 'var(--r42-size)',
        borderRadius: '50%',
        background: 'var(--accent)',
        border: 'none',
        cursor: 'pointer',
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        boxShadow: 'var(--shadow-pill)',
        zIndex: 200,
        transition: 'transform 150ms, box-shadow 150ms',
        color: 'var(--paper)',
        fontSize: '22px',
      }}
      onMouseEnter={(e) => {
        e.currentTarget.style.transform = 'scale(1.08)'
      }}
      onMouseLeave={(e) => {
        e.currentTarget.style.transform = 'scale(1)'
      }}
    >
      R
    </button>
  )
}
