veza/apps/web/src/components/ui/AstralBackground.stories.tsx
senke 5024ff0e0b feat(storybook): expanded coverage for visual and feedback components (batch 5)
- Added stories for: Spinner, KodoEmptyState, HelpText, AstralBackground
- Increased coverage for utility and visual components
2026-02-02 19:46:27 +01:00

25 lines
798 B
TypeScript

import type { Meta, StoryObj } from '@storybook/react';
import { AstralBackground } from './AstralBackground';
const meta = {
title: 'UI/AstralBackground',
component: AstralBackground,
tags: ['autodocs'],
parameters: {
layout: 'fullscreen',
},
} satisfies Meta<typeof AstralBackground>;
export default meta;
type Story = StoryObj<typeof meta>;
export const Default: Story = {
render: () => (
<div className="h-[400px] w-full relative border border-kodo-steel overflow-hidden rounded-lg">
<AstralBackground />
<div className="absolute inset-0 flex items-center justify-center pointer-events-none">
<h1 className="text-4xl font-bold text-white z-10">Astral Background</h1>
</div>
</div>
),
};