import React from "react";
import { Box, Typography, useTheme } from "@material-ui/core";
import { PropTypes as PropTypes$1 } from "prop-types";
//#region src/UI/surfaces/cards/AmbientCard/AmbientCardTitle.jsx
const AmbientCardTitle = (props) => {
	const theme = useTheme();
	const { title, color, backgroundColor = theme.palette.background.paper, variant = "h6", style, textStyle, children } = props;
	return /* @__PURE__ */ React.createElement(Box, {
		display: "flex",
		alignItems: "flex-start",
		style: {
			width: "100%",
			padding: "8px 16px",
			backgroundColor,
			...style
		}
	}, /* @__PURE__ */ React.createElement(Typography, {
		variant,
		style: {
			color,
			...textStyle
		}
	}, title), children && children);
};
AmbientCardTitle.propTypes = {
	title: PropTypes$1.string.isRequired,
	color: PropTypes$1.string,
	backgroundColor: PropTypes$1.string,
	variant: PropTypes$1.elementType,
	style: PropTypes$1.object,
	textStyle: PropTypes$1.object,
	children: PropTypes$1.elementType
};
//#endregion
export { AmbientCardTitle };

//# sourceMappingURL=AmbientCardTitle.mjs.map