import { Freeze } from '@transferwise/icons';

import { Meta, StoryObj } from '@storybook/react-webpack5';
import CircularButton from './CircularButton';

export default {
  component: CircularButton,
  title: 'Actions/CircularButton/Tests',
  tags: ['!manifest'],
} satisfies Meta<typeof CircularButton>;

type Story = StoryObj<typeof CircularButton>;

export const CenteredText: Story = {
  render: () => {
    return (
      <div style={{ maxWidth: '100px' }}>
        <CircularButton priority="primary" type="default" icon={<Freeze />}>
          Very long text for a circular button that will be centered
        </CircularButton>
      </div>
    );
  },
};
