signal-desktop/ts/components/installScreen/InstallScreenChoosingDeviceNameStep.stories.tsx
2022-11-17 16:45:19 -08:00

34 lines
867 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',
};
function Wrapper() {
const [deviceName, setDeviceName] = useState<string>('Default value');
return (
<InstallScreenChoosingDeviceNameStep
i18n={i18n}
deviceName={deviceName}
setDeviceName={setDeviceName}
onSubmit={action('onSubmit')}
/>
);
}
export function Default(): JSX.Element {
return <Wrapper />;
}