import type { Preview } from '@storybook/react'
import { PaddedDecorator } from '../../../.storybook/decorators'
import '../src/styles/widgets.css'

/**
 * Widgets preview configuration
 *
 * Widgets are complex interactive components that typically need:
 * - Consistent padding for showcasing
 * - Centered or padded layout
 * - Support for interactive features
 */
const preview: Preview = {
  parameters: {
    layout: 'padded',
    backgrounds: {
      default: 'light',
    },
  },
  decorators: [PaddedDecorator],
}

export default preview