4ec1e85d84
* feat(BOOK-293): Adjusted padding of the buttons to match Figma design * feat(BOOK-293): Updated variants for IconButton * feat(BOOK-113): Updated focus indicators on buttons and added default focus ring color * feat(BOOK-293): Replaced buttons inside booking widget Approved-by: Christel Westerberg
27 lines
558 B
TypeScript
27 lines
558 B
TypeScript
import { Button as ButtonRAC } from 'react-aria-components'
|
|
|
|
import { VariantProps } from 'class-variance-authority'
|
|
import { ComponentProps } from 'react'
|
|
import { variants } from './variants'
|
|
|
|
interface IconButtonProps
|
|
extends ComponentProps<typeof ButtonRAC>,
|
|
VariantProps<typeof variants> {}
|
|
|
|
export function IconButton({
|
|
variant,
|
|
emphasis,
|
|
size,
|
|
className,
|
|
...props
|
|
}: IconButtonProps) {
|
|
const classNames = variants({
|
|
variant,
|
|
emphasis,
|
|
size,
|
|
className,
|
|
})
|
|
|
|
return <ButtonRAC {...props} className={classNames} />
|
|
}
|