nexshop-web-contents/src/component/preview/playlist/playlist-preview-header-view.js

Nexshop Web Contents Project

import React from 'react';
import PropTypes from 'prop-types';

const PlaylistPreviewHeaderView = (props) =>{
    return (
        <div className="preview-header">
            <div className="preview-header__title">
                <div className="preview-header__playlist-icon"/>
                {props.name}
            </div>
            <div className="preview-header-close" onClick={props.onClickClose}>
                <div className="preview-header-close__icon"/>
            </div>
        </div>
    );
};

PlaylistPreviewHeaderView.propTypes = {
    name: PropTypes.string.isRequired,
    onClickClose: PropTypes.func.isRequired,
};

export default PlaylistPreviewHeaderView;