radgrad/radgrad2

import React from 'react';
import { SemanticCOLORS } from 'semantic-ui-react';
import { ButtonLink } from '../shared/button/ButtonLink';
import { ButtonAction } from '../shared/button/ButtonAction';

interface ChecklistButtonLinkProps {
  url: string,
  label: string
}

export const ChecklistButtonLink: React.FC<ChecklistButtonLinkProps> = ({ url, label }) => (
  <ButtonLink style={{ marginBottom: '10px' }} size='mini' color='green' url={url} label={label}/>
);

interface ChecklistButtonActionProps {
  onClick: () => void,
  label: string
  icon?: string
  color?: SemanticCOLORS
  id: string
}

export const ChecklistButtonAction: React.FC<ChecklistButtonActionProps> = ({ onClick, label, icon = 'thumbs up outline', color = 'green', id }) => (
  <ButtonAction style={{ marginBottom: '10px' }} size='mini' color={color} onClick={onClick} label={label} icon={icon} id={id} />
);