// @flow
import {Component} from 'react'

import type {PlanLevel} from '../../constants/settings'
import type {PaymentInfo, AvailablePlan} from '../../constants/plan-billing'

export type PlanProps = {
  onInfo: (level: PlanLevel) => void,
  selectedLevel: PlanLevel,
  freeSpace: string,
  freeSpacePercentage: number, // number from 0 - 1
  lowSpaceWarning: boolean,
  paymentInfo: ?PaymentInfo,
  onChangePaymentInfo: () => void,
}

export type AccountProps = {
  email: string,
  isVerified: boolean,
  onChangeEmail: () => void,
  onChangePassphrase: () => void,
}

export type Props = {
  plan: PlanProps,
  plans: Array<AvailablePlan>,
  account: AccountProps,
}

export default class LandingPage extends Component<void, Props, void> { }
