/*! ratio-ui · design system for knowledge sharing · https://github.com/losol/ratio-ui · (c) 2026 Losol AS · MPL-2.0 */
import { cn } from "../../utils/cn.js";
import { buildSpacingClasses, extractSpacingProps } from "../../tokens/spacing.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/blocks/Story/StoryHeader.tsx
function StoryHeader(props) {
	const [spacing, { className, children, testId, ...rest }] = extractSpacingProps(props);
	const { paddingY = "xs", marginBottom = "sm", gap = "sm", ...otherSpacing } = spacing;
	return /* @__PURE__ */ jsx("header", {
		className: cn("story-header", buildSpacingClasses({
			...otherSpacing,
			paddingY,
			marginBottom,
			gap
		}), className),
		"data-testid": testId,
		...rest,
		children
	});
}
//#endregion
export { StoryHeader };

//# sourceMappingURL=StoryHeader.js.map