@nitive/whitepaper-react
Version:
React components automatically generated by whitepaper-bem
134 lines (130 loc) • 8.63 kB
JavaScript
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
import React from 'react';
import PropTypes from 'prop-types';
import { Bem } from '../../_internal/bem';
import './pt-card.post.css';
import './__content/pt-card__content.post.css';
import './__footer/pt-card__footer.post.css';
import './__header/pt-card__header.post.css';
import './__image/pt-card__image.post.css';
import './__play/pt-card__play.post.css';
import './_border/pt-card_border_all.post.css';
import './_shadow/pt-card_shadow_cloud.post.css';
import './_view/pt-card_view_default.post.css';
import './__content/_distribute/pt-card__content_distribute_center.post.css';
import './__content/_distribute/pt-card__content_distribute_right.post.css';
import './__content/_space-a/pt-card__content_space-a_l.post.css';
import './__content/_space-a/pt-card__content_space-a_m.post.css';
import './__content/_space-a/pt-card__content_space-a_s.post.css';
import './__content/_space-a/pt-card__content_space-a_xl.post.css';
import './__content/_space-a/pt-card__content_space-a_xs.post.css';
import './__content/_space-a/pt-card__content_space-a_xxl.post.css';
import './__content/_space-b/pt-card__content_space-b_l.post.css';
import './__content/_space-b/pt-card__content_space-b_m.post.css';
import './__content/_space-b/pt-card__content_space-b_s.post.css';
import './__content/_space-b/pt-card__content_space-b_xl.post.css';
import './__content/_space-b/pt-card__content_space-b_xs.post.css';
import './__content/_space-b/pt-card__content_space-b_xxl.post.css';
import './__content/_space-h/pt-card__content_space-h_l.post.css';
import './__content/_space-h/pt-card__content_space-h_m.post.css';
import './__content/_space-h/pt-card__content_space-h_s.post.css';
import './__content/_space-h/pt-card__content_space-h_xl.post.css';
import './__content/_space-h/pt-card__content_space-h_xs.post.css';
import './__content/_space-h/pt-card__content_space-h_xxl.post.css';
import './__content/_space-l/pt-card__content_space-l_l.post.css';
import './__content/_space-l/pt-card__content_space-l_m.post.css';
import './__content/_space-l/pt-card__content_space-l_s.post.css';
import './__content/_space-l/pt-card__content_space-l_xl.post.css';
import './__content/_space-l/pt-card__content_space-l_xs.post.css';
import './__content/_space-l/pt-card__content_space-l_xxl.post.css';
import './__content/_space-r/pt-card__content_space-r_l.post.css';
import './__content/_space-r/pt-card__content_space-r_m.post.css';
import './__content/_space-r/pt-card__content_space-r_s.post.css';
import './__content/_space-r/pt-card__content_space-r_xl.post.css';
import './__content/_space-r/pt-card__content_space-r_xs.post.css';
import './__content/_space-r/pt-card__content_space-r_xxl.post.css';
import './__content/_space-t/pt-card__content_space-t_l.post.css';
import './__content/_space-t/pt-card__content_space-t_m.post.css';
import './__content/_space-t/pt-card__content_space-t_s.post.css';
import './__content/_space-t/pt-card__content_space-t_xl.post.css';
import './__content/_space-t/pt-card__content_space-t_xs.post.css';
import './__content/_space-v/pt-card__content_space-v_l.post.css';
import './__content/_space-t/pt-card__content_space-t_xxl.post.css';
import './__content/_space-v/pt-card__content_space-v_m.post.css';
import './__content/_space-v/pt-card__content_space-v_s.post.css';
import './__content/_space-v/pt-card__content_space-v_xl.post.css';
import './__content/_space-v/pt-card__content_space-v_xs.post.css';
import './__content/_space-v/pt-card__content_space-v_xxl.post.css';
import './__content/_vertical-align/pt-card__content_vertical-align_center.post.css';
import './__footer/_distribute/pt-card__footer_distribute_between.post.css';
import './__footer/_distribute/pt-card__footer_distribute_center.post.css';
import './__footer/_distribute/pt-card__footer_distribute_right.post.css';
import './__footer/_space-a/pt-card__footer_space-a_l.post.css';
import './__footer/_space-a/pt-card__footer_space-a_m.post.css';
import './__footer/_space-a/pt-card__footer_space-a_s.post.css';
import './__footer/_space-a/pt-card__footer_space-a_xl.post.css';
import './__footer/_space-a/pt-card__footer_space-a_xs.post.css';
import './__footer/_space-a/pt-card__footer_space-a_xxl.post.css';
import './__footer/_space-h/pt-card__footer_space-h_l.post.css';
import './__footer/_space-h/pt-card__footer_space-h_m.post.css';
import './__footer/_space-h/pt-card__footer_space-h_s.post.css';
import './__footer/_space-h/pt-card__footer_space-h_xl.post.css';
import './__footer/_space-h/pt-card__footer_space-h_xs.post.css';
import './__footer/_space-h/pt-card__footer_space-h_xxl.post.css';
import './__footer/_space-v/pt-card__footer_space-v_l.post.css';
import './__footer/_space-v/pt-card__footer_space-v_m.post.css';
import './__footer/_space-v/pt-card__footer_space-v_s.post.css';
import './__footer/_space-v/pt-card__footer_space-v_xl.post.css';
import './__footer/_space-v/pt-card__footer_space-v_xs.post.css';
import './__footer/_space-v/pt-card__footer_space-v_xxl.post.css';
import './__footer/_vertical-align/pt-card__footer_vertical-align_bottom.post.css';
import './__footer/_vertical-align/pt-card__footer_vertical-align_center.post.css';
import './__footer/_vertical-align/pt-card__footer_vertical-align_top.post.css';
import './__header/_distribute/pt-card__header_distribute_between.post.css';
import './__header/_distribute/pt-card__header_distribute_center.post.css';
import './__header/_distribute/pt-card__header_distribute_right.post.css';
import './__header/_space-h/pt-card__header_space-h_l.post.css';
import './__header/_space-h/pt-card__header_space-h_m.post.css';
import './__header/_space-h/pt-card__header_space-h_s.post.css';
import './__header/_space-h/pt-card__header_space-h_xl.post.css';
import './__header/_space-h/pt-card__header_space-h_xs.post.css';
import './__header/_space-h/pt-card__header_space-h_xxl.post.css';
import './__header/_space-v/pt-card__header_space-v_l.post.css';
import './__header/_space-v/pt-card__header_space-v_m.post.css';
import './__header/_space-v/pt-card__header_space-v_s.post.css';
import './__header/_space-v/pt-card__header_space-v_xl.post.css';
import './__header/_space-v/pt-card__header_space-v_xs.post.css';
import './__image/_size/pt-card__image_size_cover.post.css';
import './__header/_space-v/pt-card__header_space-v_xxl.post.css';
import './__header/_space-a/pt-card__header_space-a_l.post.css';
import './__header/_space-a/pt-card__header_space-a_m.post.css';
import './__header/_space-a/pt-card__header_space-a_s.post.css';
import './__header/_space-a/pt-card__header_space-a_xs.post.css';
import './__header/_space-a/pt-card__header_space-a_xxl.post.css';
import './__header/_space-a/pt-card__header_space-a_xl.post.css';
var modNames = ['shadow', 'border', 'view'];
export function PtCard(_ref) {
var additionalModNames = _ref.modNames,
props = _objectWithoutProperties(_ref, ["modNames"]);
return React.createElement(Bem, _extends({
block: "pt-card"
}, props, {
modNames: modNames.concat(additionalModNames || []),
getHtml: undefined
}));
}
PtCard.propTypes = {
tag: PropTypes.string,
className: PropTypes.string,
modNames: PropTypes.arrayOf(PropTypes.string),
shadow: PropTypes.oneOf(['cloud']),
border: PropTypes.oneOf(['all']),
view: PropTypes.oneOf(['default'])
};
export { PtCardContent } from './content';
export { PtCardFooter } from './footer';
export { PtCardHeader } from './header';
export { PtCardImage } from './image';
export { PtCardPlay } from './play';