import { Button as ButtonRAC } from 'react-aria-components'

import { Typography } from '../Typography'

import styles from './chip-button.module.css'

import type { ComponentPropsWithRef } from 'react'

export function ChipButton({
  children,
  className,
  ...props
}: ComponentPropsWithRef<typeof ButtonRAC>) {
  return (
    <Typography variant="Body/Supporting text (caption)/smBold">
      <ButtonRAC {...props} className={[styles.chip, className].join(' ')}>
        {children}
      </ButtonRAC>
    </Typography>
  )
}