import { Checkbox , Classes , Colors } from '@blueprintjs/core' ; import * as React from 'react' ; import styled from 'styled' ; import { IncludedLogId } from 'components/LogsExporter' ; /**
 * LogsCheckbox component.
 */ const LogsCheckbox = styled ( Checkbox ) `
  & em {
    color: ${ Colors . GRAY1 };
    font-size: 0.8rem;
  }

  .${ Classes . DARK } & em {
    color: ${ Colors . GRAY5 };
  }

  &.${ Classes . DISABLED } em,
  .${ Classes . DARK } &.${ Classes . DISABLED } em {
    opacity: 0.4;
  }
` ; /**
 * LogsExporterCheckbox Component.
 */ export default class LogsExporterCheckbox extends React . Component < Props > { return public render ( ) { const { checked , disabled , label } = this . props ; return < LogsCheckbox disabled = { disabled } checked = { checked } labelElement = { label } onChange = { this . onChange } / > ; } param event private onChange = ( event ) => { const { id , onChange } = this . props ; onChange ( id , event . currentTarget . checked ) ; } ; } /**
 * React Props.
 */ interface Props { checked : boolean ; disabled : boolean ; id : IncludedLogId ; label : React . ReactNode ; onChange : ( id : IncludedLogId , checked : boolean ) => void ; }