import React from 'react';
import { Box } from '../Box';
import { Text } from '../Text';
import { CopyableText } from '.';

export default {
  title: 'CopyableText',
  component: CopyableText,
};

export const Default = () => (
  <Box p="4">
    <CopyableText copyText="Display Text">
      <Text variant="b2m" color="gray.1">
        Click to copy
      </Text>
    </CopyableText>
  </Box>
);
