snort/packages/app/src/Element/BackButton.tsx

30 lines
597 B
TypeScript

import "./BackButton.css";
import { useIntl } from "react-intl";
import Icon from "Icons/Icon";
import messages from "./messages";
interface BackButtonProps {
text?: string;
onClick?(): void;
}
const BackButton = ({ text, onClick }: BackButtonProps) => {
const { formatMessage } = useIntl();
const onClickHandler = () => {
if (onClick) {
onClick();
}
};
return (
<button className="back-button" type="button" onClick={onClickHandler}>
<Icon name="arrowBack" />
{text || formatMessage(messages.Back)}
</button>
);
};
export default BackButton;