mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
58f6cf96cf
* Creating story for icon-border * Adding deprecation message --------- Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
41 lines
821 B
JavaScript
41 lines
821 B
JavaScript
import React from 'react';
|
|
import { Severity } from '../../../helpers/constants/design-system';
|
|
import { BannerAlert } from '../../component-library';
|
|
|
|
import IconBorder from './icon-border';
|
|
|
|
export default {
|
|
title: 'Components/UI/IconBorder',
|
|
component: IconBorder,
|
|
argTypes: {
|
|
className: {
|
|
control: 'text',
|
|
},
|
|
children: {
|
|
control: 'text',
|
|
},
|
|
size: {
|
|
control: 'number',
|
|
},
|
|
},
|
|
args: {
|
|
className: '',
|
|
children: 'D',
|
|
size: 32,
|
|
},
|
|
};
|
|
|
|
export const DefaultStory = (args) => (
|
|
<>
|
|
<BannerAlert
|
|
severity={Severity.Warning}
|
|
title="Deprecated"
|
|
description="<IconBorder/> has been deprecated in favour of the <AvatarBase /> component"
|
|
marginBottom={4}
|
|
/>
|
|
<IconBorder {...args} />
|
|
</>
|
|
);
|
|
|
|
DefaultStory.storyName = 'Default';
|