UNPKG

mazeof-react

Version:
14 lines (13 loc) 688 B
import { useContext } from "react"; import { Button } from "react-bootstrap"; import { ModalConfirmContext } from "."; import { variantOrPrimary, labelOrActionKey } from "./viewLogic"; import { useClassPrefix } from "../../hooks"; export const ActionButtons = () => { const pre = useClassPrefix("mod-act-btn"); const { themes, modalActions, confirm } = useContext(ModalConfirmContext); return (<div className={pre(`feat feat-${themes?.theme}`)}> {Object.keys(modalActions).map(action => <Button key={`action-${action}`} variant={variantOrPrimary(modalActions, action)} onClick={() => confirm(action)}> {labelOrActionKey(modalActions, action)} </Button>)} </div>); };