next
Version:
The React Framework
13 lines (12 loc) • 980 B
TypeScript
import * as React from 'react';
type CopyButtonProps = React.HTMLProps<HTMLButtonElement> & {
actionLabel: string;
successLabel: string;
icon?: React.ReactNode;
};
export declare function CopyButton(props: CopyButtonProps & {
content?: string;
getContent?: () => string;
}): import("react/jsx-runtime").JSX.Element;
export declare const COPY_BUTTON_STYLES = "\n .nextjs-data-copy-button {\n color: inherit;\n\n svg {\n width: var(--size-16);\n height: var(--size-16);\n }\n }\n .nextjs-data-copy-button:disabled {\n background-color: var(--color-gray-100);\n cursor: not-allowed;\n }\n .nextjs-data-copy-button--initial:hover:not(:disabled) {\n cursor: pointer;\n }\n .nextjs-data-copy-button--error:not(:disabled),\n .nextjs-data-copy-button--error:hover:not(:disabled) {\n color: var(--color-ansi-red);\n }\n .nextjs-data-copy-button--success:not(:disabled) {\n color: var(--color-ansi-green);\n }\n";
export {};