30 lines
962 B
TypeScript
30 lines
962 B
TypeScript
import Button from "../../Button";
|
|
import DisclaimerIcon from "../../icons/DisclaimerIcon";
|
|
import useModal from "../../../store/useModal";
|
|
import Disclaimer from "../../modals/Disclaimer";
|
|
|
|
const ButtomPanel = () => {
|
|
const { setModal } = useModal();
|
|
const handleOnDisclaimerClick = () => {
|
|
setModal(<Disclaimer />);
|
|
};
|
|
return (
|
|
<div className="absolute z-20 bottom-0 left-0 w-full p-6 select-none touch-none pointer-events-none flex gap-2 justify-between items-end">
|
|
<div className="flex flex-col gap-2">
|
|
<div className="flex gap-2 pb-6 pl-6">
|
|
<Button
|
|
text="Disclaimer"
|
|
buttonType="tertiary"
|
|
icon={<DisclaimerIcon />}
|
|
onClick={handleOnDisclaimerClick}
|
|
/>
|
|
<Button text="Privacy Policy" buttonType="tertiary" />
|
|
</div>
|
|
</div>
|
|
<img src="./images/masterplan/compass.png" alt="compass" />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ButtomPanel;
|