'use strict'

import React from 'react'
import { TheLinkStyle } from 'the-link'
import { TheButtonStyle } from 'the-button'
import { TheRouter } from 'the-router'
import { TheDone, TheDoneStyle } from 'the-done'

class ExampleComponent extends React.PureComponent {
  render () {
    return (
      <TheRouter.Hash>
        <TheLinkStyle/>
        <TheButtonStyle/>
        <TheDoneStyle/>
        <TheDone message="You are done!"
                 actionText="Return to Top"
                 onAction={() => window.location.reload()}
                 subActionText="Do something else"
                 onSubAction={() => window.location.reload()}
                 linkText={'Some Link'}
                 linkTo={String(new Date().getTime())}
                 onLinkClick={() => console.log('link clicked')}
        >
        </TheDone>
      </TheRouter.Hash>

    )
  }
}

export default ExampleComponent