Files
community-rule/docs/assets/HeaderTab.stories-7KIqz1LH.js
T
2025-08-30 13:46:35 -06:00

54 lines
1.4 KiB
JavaScript

import { j as t } from "./jsx-runtime-C_nHp4yK.js";
import { H as r } from "./HeaderTab-D9jUrYUx.js";
import { L as s } from "./Logo-DM7O8ATg.js";
import "./iframe-D_aMTKb2.js";
import "./preload-helper-DIZFD4sK.js";
const p = {
title: "Components/HeaderTab",
component: r,
parameters: {
layout: "centered",
docs: {
description: {
component:
"A header tab container with decorative Union images and responsive behavior. Used to wrap content in the header with consistent styling and responsive breakpoint transitions.",
},
},
},
argTypes: {
stretch: {
control: { type: "boolean" },
description: "Whether the tab should stretch to fill available space",
},
className: {
control: { type: "text" },
description: "Additional CSS classes",
},
},
tags: ["autodocs"],
},
e = {
args: { stretch: !1 },
render: (a) =>
t.jsx(r, { ...a, children: t.jsx(s, { size: "homeHeaderMd" }) }),
};
e.parameters = {
...e.parameters,
docs: {
...e.parameters?.docs,
source: {
originalSource: `{
args: {
stretch: false
},
render: args => <HeaderTab {...args}>
<Logo size="homeHeaderMd" />
</HeaderTab>
}`,
...e.parameters?.docs?.source,
},
},
};
const m = ["Default"];
export { e as Default, m as __namedExportsOrder, p as default };