@totalsoft/rocket-ui
Version:
A set of reusable and composable React components built on top of Material UI core for developing fast and friendly web applications interfaces.
34 lines • 1.25 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
import MuiCardHeader from './CardHeaderStyles';
import { isValidElement } from 'react';
import Typography from '../../../dataDisplay/Typography';
const CardHeader = ({ actions, title, ...rest }) => {
return (React.createElement(MuiCardHeader, { action: actions, title: title ? (isValidElement(title) ? (title) : (React.createElement(Typography, { variant: "subtitle1", emphasis: "bold" }, title))) : undefined, ...rest }));
};
CardHeader.propTypes = {
/**
* Actions to be displayed in the right corner of the card. If an array, will display all items with spacing between them.
*/
actions: PropTypes.node,
/**
* Card title
*/
title: PropTypes.node,
/**
* Indicates if the parent Card component contains an icon element or not
*/
hasIcon: PropTypes.bool,
/**
* @default 'secondary'
* Icon color.
*/
iconColor: PropTypes.oneOf(['primary', 'secondary', 'info', 'success', 'warning', 'error', 'rose']),
/**
* If 'true', the card header will be filled with a grayish color
* @default false
*/
filled: PropTypes.bool
};
export default CardHeader;
//# sourceMappingURL=CardHeader.js.map