import React from 'react';
import type { Meta, StoryObj } from '@storybook/react-vite';

import { Button } from '../../Button/Button';
import { Text } from '../../Typography/Text/Text';

import { StaticField } from './StaticField';

const meta: Meta<typeof StaticField> = {
  title: 'UI kit/Form/StaticField',
  component: StaticField,
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof StaticField>;

export const Default: Story = {
  args: {
    label: 'Static:',
    value: 'Static value',
  },
};

export const Justify: Story = {
  args: {
    label: 'Static:',
    value: 'Static value',
    justify: true,
  },
};

export const WithButton: Story = {
  args: {
    label: 'Static:',
    value: (
      <>
        <Text>Static value</Text>
        <Button>Button</Button>
      </>
    ),
  },
};