import type { Meta, Story } from '@storybook/react';

import { LabelWithHint } from './index';
import type { LabelWithHintProps } from './index';

export default {
  component: LabelWithHint,
  title: 'Forms/Label With Hint',
  argTypes: {}
} as Meta;

const Template: Story<LabelWithHintProps> = args => <LabelWithHint {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  children: 'Label content',
  required: true,
  tooltipText: 'Tooltip text'
};

export const CustomHint = Template.bind({});
CustomHint.args = {
  children: 'Label content',
  required: false,
  tooltipProps: {
    placement: 'right'
  },
  tooltipText: 'Tooltip text'
};