Files
yaak-mountain-loop/src-web/hooks/Confirm.tsx
2023-03-28 18:29:40 -07:00

25 lines
600 B
TypeScript

import { useRef } from 'react';
import { useMount } from 'react-use';
import { Button } from '../components/core/Button';
import { HStack } from '../components/core/Stacks';
interface Props {
hide: () => void;
}
export function Confirm({ hide }: Props) {
const focusRef = (el: HTMLButtonElement | null) => {
el?.focus();
};
return (
<HStack space={2} justifyContent="end">
<Button className="focus" color="gray" onClick={hide}>
Cancel
</Button>
<Button className="focus" ref={focusRef} color="primary">
Confirm
</Button>
</HStack>
);
}