/**
* Slide Component for SaltUI
* @author gnosaij,changming
*
* Copyright 2014-2017, SaltUI Team, Alinw.
* All rights reserved.
*/
import React from 'react';
import PropTypes from 'prop-types';
import { prefixClass } from './utils';

const SlideItem = ({
  title, children, className, style,
}) => {
  const defaultStyle = { height: '100%' };
  return (
    <div
      className={`${prefixClass('slide-item-inner')} ${className}`}
      style={{ ...defaultStyle, ...style }}
    >
      {children}
      {
        title ? <div className={`${prefixClass('slide-item-title')}`}><div>{title}</div></div> : null
      }
    </div>
  );
};

SlideItem.displayName = 'SlideItem';

SlideItem.defaultProps = {
  className: '',
  style: {},
  title: undefined,
  children: undefined,
  showTitle: undefined,
};

SlideItem.propTypes = {
  title: PropTypes.node,
  children: PropTypes.any,
  showTitle: PropTypes.bool,
  className: PropTypes.string,
  style: PropTypes.object,
};

export default SlideItem;