17 lines
508 B
TypeScript
17 lines
508 B
TypeScript
import type { ButtonProps } from "@chakra-ui/react"
|
|
import { IconButton as ChakraIconButton } from "@chakra-ui/react"
|
|
import * as React from "react"
|
|
import { LuX } from "react-icons/lu"
|
|
|
|
export type CloseButtonProps = ButtonProps
|
|
|
|
export const CloseButton = React.forwardRef<
|
|
HTMLButtonElement,
|
|
CloseButtonProps
|
|
>(function CloseButton(props, ref) {
|
|
return (
|
|
<ChakraIconButton variant="ghost" aria-label="Close" ref={ref} {...props}>
|
|
{props.children ?? <LuX />}
|
|
</ChakraIconButton>
|
|
)
|
|
})
|