import { Meta, StoryObj } from '@storybook/react-webpack5';
import { FormattedMessage } from 'react-intl';

import { Provider } from '..';
import closeButtonMessages from '../common/closeButton/CloseButton.messages';

export default {
  component: Provider,
  title: 'Other/Provider',
} satisfies Meta<typeof Provider>;

type Story = StoryObj<typeof Provider>;

export const Basic: Story = {
  render: () => (
    <>
      Translated message: <FormattedMessage {...closeButtonMessages.ariaLabel} />
    </>
  ),
};