Copy button

import { CopyButton } from '@raystack/apsara';

export default function Example() {
  return (
    <CopyButton 
      text="Text to copy" 
      aria-label="Copy to clipboard"
    />
  );
}

import { CopyButton } from '@raystack/apsara';
import { Flex } from '@raystack/apsara';

export default function CodeExample() {
  const code = `npm install @raystack/apsara`;
  
  return (
    <Flex align="center" gap="2">
      <code>{code}</code>
      <CopyButton text={code} size={2} />
    </Flex>
  );
}

{/* Reset icon after 3 seconds */}
<CopyButton 
  text="Custom timeout" 
  resetTimeout={3000}
  aria-label="Copy"
/>

{/* Keep success icon after copying */}
<CopyButton 
  text="No reset" 
  resetIcon={false}
  aria-label="Copy"
/>