import type { Meta, StoryObj } from '@storybook/react'
import { AspectRatioDemo } from './aspect-ratio.composition'
// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
const meta = {
  title: 'AspectRatio',
  component: AspectRatioDemo,
  tags: ['autodocs'],
  argTypes: {},
} satisfies Meta<typeof AspectRatioDemo>

export default meta
type Story = StoryObj<typeof meta>

// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args
export const Primary: Story = {
  args: {
    ratio: 16 / 9,
  },
}
