import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleBasic extends Component {
  render() {
    return (
      <FlipCountdown
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleSize extends Component {
  render() {
    return (
      <FlipCountdown
        size='large' // Options (Default: medium): large, medium, small, extra-small.
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleTheme extends Component {
  render() {
    return (
      <FlipCountdown
        theme='dark' // Options (Default: dark): dark, light.
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleTitlePosition extends Component {
  render() {
    return (
      <FlipCountdown
        titlePosition='top' // Options (Default: top): top, bottom.
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleChangeTitle extends Component {
  render() {
    return (
      <FlipCountdown
        yearTitle='Year'
        monthTitle='Months'
        dayTitle='Days'
        hourTitle='Hours'
        minuteTitle='Minutes'
        secondTitle='Seconds'
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleHideSection extends Component {
  render() {
    return (
      <FlipCountdown
        hideYear
        hideMonth
        hideDay
        // hideHour
        // hideMinute
        // hideSecond
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}

import React, { Component } from 'react';

import FlipCountdown from '@africasokoni/react-flip-countdown';

class ExampleHideSection extends Component {
  render() {
    return (
      <FlipCountdown
        endAtZero
        endAt={'2022-12-12 01:26:58'} // Date/Time
      />
    );
  }
}