2021-04-29 04:27:06 +02:00
|
|
|
import React from "react"
|
|
|
|
import Style from "./ButtonSmallX.module.css"
|
|
|
|
import classNames from "classnames"
|
2021-05-11 16:37:15 +02:00
|
|
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
|
2021-04-29 04:27:06 +02:00
|
|
|
import { faTimes } from "@fortawesome/free-solid-svg-icons"
|
|
|
|
|
|
|
|
|
2021-04-29 16:58:31 +02:00
|
|
|
/**
|
|
|
|
* A button with a small X, used to delete Conditions.
|
|
|
|
*
|
|
|
|
* @param className - Additional class(es) to pass to the button.
|
|
|
|
* @param props - Additional props to pass to the button.
|
|
|
|
* @returns {JSX.Element}
|
|
|
|
* @constructor
|
|
|
|
*/
|
|
|
|
export default function ButtonSmallX({ className, ...props }) {
|
2021-04-29 04:27:06 +02:00
|
|
|
return (
|
|
|
|
<button type={"button"} className={classNames(Style.ButtonSmallX, className)} {...props}>
|
|
|
|
<FontAwesomeIcon icon={faTimes}/>
|
|
|
|
</button>
|
|
|
|
)
|
|
|
|
}
|