// @flow

import * as React from 'react';
import {View} from 'react-native';

type ViewProps = React.ElementProps<typeof View>;
type ViewStyleProp = $PropertyType<ViewProps, 'style'>;

export type BlurType =
  | 'xlight'
  | 'light'
  | 'dark'
  // tvOS and iOS 10+ only
  | 'regular'
  | 'prominent'
  // tvOS only
  | 'extraDark';

export type BlurViewProps = {
  blurType: BlurType,
  blurAmount: number, // 0 - 100
  style?: ?ViewStyleProp,
};

export class BlurView extends React.Component<BlurViewProps> {
  static defaultProps = {
    blurType: 'dark',
    blurAmount: 10,
  };
}

export type VibrancyViewProps = BlurViewProps;

export class VibrancyView extends React.Component<VibrancyViewProps> {
  static defaultProps = {
    blurAmount: 10,
  };
}