import {
  requireNativeComponent,
} from 'react-native';

import React, {

} from 'react';

import {
  BlazeBaseRowWidgetViewProps,
  BlazeBaseStoriesWidgetViewProps,
  BlazeBaseWidgetViewProps,
  BlazeSdkBaseWidgetViewProps
} from './BlazeBaseWidgetViewProps';

import {
  BlazeBaseWidgetView,
} from './BlazeBaseWidgetComponent';

export interface BlazeStoriesRowViewProps
  extends BlazeBaseWidgetViewProps,
  BlazeBaseRowWidgetViewProps,
  BlazeBaseStoriesWidgetViewProps {

}

interface BlazeSdkStoriesRowViewNativeProps
  extends BlazeStoriesRowViewProps,
  BlazeSdkBaseWidgetViewProps {

}

export const BLAZE_STORIES_ROW_COMPONENT = 'RTNBlazeStoriesRowView';

export class BlazeStoriesRowView extends BlazeBaseWidgetView<BlazeStoriesRowViewProps> {

  protected getComponentName(): string {
    return BLAZE_STORIES_ROW_COMPONENT
  }

  render() {
    return (
      <StoriesRowViewManager
        {...this.props}
        {...this.createBaseProps()}
        ref={(ref) => {
          if (ref) this.ref = ref;
        }}
      />
    );
  }
}

const StoriesRowViewManager = requireNativeComponent<BlazeSdkStoriesRowViewNativeProps>(
  BLAZE_STORIES_ROW_COMPONENT,
);