import { Link } from 'react-router-dom';
import styles from './ToolsNextTool.module.scss';
import globalStyle from '../../../Components/GlobalStyles/globals.module.scss';

type ToolsNextToolProps = {
	content: string;
	nextAction: {
		title: string;
		link: string;
	};
};

const ToolsNextTool = ({ content, nextAction }: ToolsNextToolProps) => (
	<>
		<div dangerouslySetInnerHTML={{ __html: content }} />
		<button className={globalStyle.submitButton}>
			<Link to={nextAction.link}>{nextAction.title}</Link>
		</button>
	</>
);

export default ToolsNextTool;