@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
21 lines (20 loc) • 756 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import classnames from "classnames";
/**
* Box container for tiled content
*/ const Card = /*#__PURE__*/ forwardRef(({ children, className, align = "left", padding = "small", ...props }, ref)=>{
return /*#__PURE__*/ _jsx("div", {
...props,
className: classnames("bf-card bfc-base-3-bg bf-break-word", className, {
"bf-card-align-center": align === "center",
"bf-card-no-padding": padding === "none",
"bf-card-padding-m": padding === "medium",
"bf-card-padding-l": padding === "large"
}),
ref: ref,
children: children
});
});
Card.displayName = "Card";
export default Card;