import type { Meta, StoryObj } from '@storybook/react';
import { Surface } from './Surface';

const meta: Meta<typeof Surface> = {
  title: 'Surfaces/Surface',
  component: Surface,
  argTypes: {
    padding: {
      control: 'select',
      options: ['none', 'sm', 'md', 'lg'],
    },
    elevation: {
      control: 'select',
      options: ['none', 'sm', 'md'],
    },
  },
};

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

export const Default: Story = {
  args: {
    padding: 'md',
    elevation: 'none',
    children: 'Содержимое поверхности',
  },
};

export const Elevated: Story = {
  args: {
    padding: 'md',
    elevation: 'md',
    children: 'Поверхность с тенью',
  },
};

export const NoPadding: Story = {
  args: {
    padding: 'none',
    elevation: 'sm',
    children: 'Поверхность без отступов',
  },
};

export const LargePadding: Story = {
  args: {
    padding: 'lg',
    elevation: 'sm',
    children: 'Поверхность с большими отступами',
  },
};