32 lines
772 B
TypeScript
32 lines
772 B
TypeScript
import React from "react";
|
|
import classnames from "classnames";
|
|
|
|
import CustomLink from "components/CustomLink";
|
|
import Icon from "components/Icon";
|
|
|
|
interface IPremiumFeatureMessage {
|
|
className?: string;
|
|
}
|
|
|
|
const baseClass = "premium-feature-message-container";
|
|
|
|
const PremiumFeatureMessage = ({ className }: IPremiumFeatureMessage) => {
|
|
const classes = classnames(baseClass, className);
|
|
|
|
return (
|
|
<div className={classes}>
|
|
<div className="premium-feature-message">
|
|
<Icon name="premium-feature" />
|
|
<p>This feature is included in Fleet Premium.</p>
|
|
<CustomLink
|
|
url="https://fleetdm.com/upgrade"
|
|
text="Learn more"
|
|
newTab
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default PremiumFeatureMessage;
|