github.com/argoproj/argo-cd/v2@v2.10.9/ui/src/app/shared/components/toggle-button.tsx (about)

     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  );