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

const meta: Meta = {
  title: 'Hooks/useCopyAsPlainText',
  parameters: {
    docs: {
      description: {
        component: `
A React hook that forces all copy operations to copy plain text only, removing HTML formatting and styling.

## ⚠️ Storybook Limitation
**Copy functionality is disabled in Storybook due to iframe security restrictions.** The hook works perfectly in real applications, but cannot be demonstrated in this Storybook environment. This is a standard browser security feature that affects all clipboard operations in iframes.

## Key Features
- Intercepts all copy events globally
- Strips HTML formatting automatically
- Uses modern Clipboard API with fallback
- Automatic cleanup on unmount

## Usage
Simply add \`useCopyAsPlainText()\` to your App component to enable plain text copying across your entire application.

## Example
\`\`\`tsx
import { useCopyAsPlainText } from '@pattern-ui/react-ui'

function App() {
  // Enable plain text copying for the entire app
  useCopyAsPlainText()

  return <div>Your app content</div>
}
\`\`\`
        `,
      },
    },
  },
}

export default meta
type Story = StoryObj

// Documentation-only story - no interactive example needed
export const Documentation: Story = {
  render: () => (
    <div>This hook is documented above. No interactive example is needed.</div>
  ),
}