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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
1x
1x
 
1x
2x
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
 
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;