sentry/docs-ui/components/u2fEnrolledDetails.stories.js

import React from 'react';
import {action} from '@storybook/addon-actions';

import U2fEnrolledDetails from 'app/views/settings/account/accountSecurity/components/u2fEnrolledDetails';

export default {
  title: 'UI/U2fEnrolledDetails',
};

export const U2FEnrolledDetails = ({isEnrolled}) => (
  <U2fEnrolledDetails
    isEnrolled={isEnrolled}
    id="u2f"
    devices={[
      {
        name: 'Device 1',
        timestamp: +new Date(),
      },
      {
        name: 'Home Key',
        timestamp: +new Date(),
      },
    ]}
    onRemoveU2fDevice={action('On Remove Device')}
  />
);

U2FEnrolledDetails.storyName = 'U2fEnrolledDetails';
U2FEnrolledDetails.args = {
  isEnrolled: true,
};
U2FEnrolledDetails.parameters = {
  docs: {
    description: {
      story: 'U2f details after enrollment',
    },
  },
};