import React from 'react';
import tw from 'twin.macro';
import { fontKanit } from '../../__MOCK__/mockFont';
import { mockPropsProduct } from '../../__MOCK__/mockPropsProduct';
import Label from '../components/Label';

export default {
  title: 'page-ui/Label',
  component: Label,
};

const Template = (args) => <Label  {...args} />;

export const LabelDefault = Template.bind({});
LabelDefault.args = {
}

export const LabelCustomDefault = Template.bind({});
LabelCustomDefault.args = {
  text: mockPropsProduct.name,
  font: fontKanit,
  fontSize: 16,
  fontWeight: 300,
  textAlign: 'start',
  color: '#ff0000',
  bgColor: null,
  textDecoration: 'none',
  textAlign: 'start',
  twColor: tw``,
  twProps: tw``,
}