signal-desktop/ts/components/installScreen/InstallScreenChoosingDeviceNameStep.stories.tsx
2022-06-06 17:48:02 -07:00

34 lines
897 B
TypeScript

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import React, { useState } from 'react';
import { action } from '@storybook/addon-actions';
import { setupI18n } from '../../util/setupI18n';
import enMessages from '../../../_locales/en/messages.json';
import { InstallScreenChoosingDeviceNameStep } from './InstallScreenChoosingDeviceNameStep';
const i18n = setupI18n('en', enMessages);
export default {
title: 'Components/InstallScreen/InstallScreenChoosingDeviceNameStep',
};
export const Default = (): JSX.Element => {
const Wrapper = () => {
const [deviceName, setDeviceName] = useState<string>('Default value');
return (
<InstallScreenChoosingDeviceNameStep
i18n={i18n}
deviceName={deviceName}
setDeviceName={setDeviceName}
onSubmit={action('onSubmit')}
/>
);
};
return <Wrapper />;
};