argo-cd

1
import * as React from 'react';
2
import {ReactNode} from 'react';
3
import {Button} from './button';
4
import {Icon} from './icon';
5
import {ARGO_WARNING_COLOR} from './colors';
6

7
export const ToggleButton = ({
8
    title,
9
    children,
10
    onToggle,
11
    toggled,
12
    beat,
13
    disabled,
14
    icon,
15
    rotate
16
}: {
17
    toggled: boolean;
18
    beat?: boolean;
19
    onToggle: () => void;
20
    children?: ReactNode;
21
    title: string;
22
    disabled?: boolean;
23
    icon: Icon;
24
    rotate?: boolean;
25
}) => (
26
    <Button
27
        title={title}
28
        onClick={onToggle}
29
        icon={icon}
30
        rotate={rotate}
31
        disabled={disabled}
32
        beat={beat}
33
        style={{
34
            // these are the argo-button color swapped
35
            backgroundColor: toggled && ARGO_WARNING_COLOR,
36
            color: toggled && 'black'
37
        }}>
38
        {children}
39
    </Button>
40
);
41