import { Meta, StoryObj } from "@storybook/react"
import React from "react"
import { ContentCopy } from "../../icons"
import { CopyToClipboard } from "./CopyToClipboard"

type Story = StoryObj<typeof CopyToClipboard>

const meta: Meta<typeof CopyToClipboard> = {
  title: "Design System/CopyToClipboard",
  component: CopyToClipboard,
}

export default meta

export const Default: Story = {
  args: {
    children: <ContentCopy />,
    text: "Hello world",
  },
}

export const CustomText: Story = {
  args: {
    children: <ContentCopy />,
    text: "0x3997",
    tooltipText: "Copy address",
    tooltipOnCopiedText: "Copied the address!",
  },
}