import * as React from 'react'
import { YoutubeItem } from 'models/talent/talent-profile-module.model'
import { ModalStep } from 'redux/Shopify/types'
import YoutubeVideo from './YoutubeVideo'

export interface IProps {
  item?: YoutubeItem
  loading?: boolean
  cancellable?: boolean
  show?: boolean
  close?: () => void
  back?: () => void
  callback: (values: any, action?: any) => void
}

const individualYoutube = ({ item, ...props }: IProps): ModalStep => {
  return {
    title: item ? 'Edit YouTube Content' : 'Add YouTube Content',
    content: <YoutubeVideo item={item} {...props} />,
    footer: null
  }
}

export default individualYoutube
