Function CopyButton

site/src/components/CopyButton/CopyButton.tsx:18–42

({
	text,
	label,
	tooltipSide,
	...buttonProps
})

};

export const CopyButton: FC<CopyButtonProps> = ({
	text,
	label,
	tooltipSide,
	...buttonProps
}) => {
	const { showCopiedSuccess, copyToClipboard } = useClipboard();

	return (
		<Tooltip>
			<TooltipTrigger asChild>
				<Button
					size="icon"
					variant="subtle"
					aria-label={label}
					onClick={() => copyToClipboard(text)}
					{...buttonProps}
				>
					{showCopiedSuccess ? <CheckIcon /> : <CopyIcon />}
				</Button>
			</TooltipTrigger>
			<TooltipContent side={tooltipSide}>{label}</TooltipContent>
		</Tooltip>
	);
};