val 0.7.0

An arbitrary precision calculator language
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64

import { Button } from '@/components/ui/button';
import {
  Dialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from '@/components/ui/dialog';
import { RotateCcw } from 'lucide-react';

interface EditorResetDialogProps {
  example: string;
  onReset: () => void;
}

export const EditorResetDialog = ({
  example,
  onReset,
}: EditorResetDialogProps) => (
  <Dialog>
    <DialogTrigger asChild>
      <Button
        variant='ghost'
        size='icon'
        className='dark:hover:bg-accent h-7 w-7 cursor-pointer'
        aria-label={`Reset to ${example} example`}
        title={`Reset to ${example} example`}
      >
        <RotateCcw className='h-4 w-4' aria-hidden='true' />
      </Button>
    </DialogTrigger>
    <DialogContent className='sm:max-w-[425px]'>
      <DialogHeader>
        <DialogTitle>Reset editor?</DialogTitle>
        <DialogDescription>
          This will replace your current editor contents with the {example}{' '}
          example program.
        </DialogDescription>
      </DialogHeader>
      <DialogFooter>
        <DialogClose asChild>
          <Button
            variant='outline'
            className='dark:border-input dark:bg-background dark:hover:bg-accent cursor-pointer'
          >
            Cancel
          </Button>
        </DialogClose>
        <DialogClose asChild>
          <Button
            variant='destructive'
            className='cursor-pointer'
            onClick={onReset}
          >
            Reset
          </Button>
        </DialogClose>
      </DialogFooter>
    </DialogContent>
  </Dialog>
);