import { useState } from "react";
import { options } from "./options";
import InputPhone from "./index";
export default {
title: "Components/InputPhone",
component: InputPhone,
argTypes: {
onChange: { control: "onChange" },
},
};
const Template = ({ onChange, value, ...args }) => {
const [val, setValue] = useState(value);
return (
{
setValue(e.target.value), onChange(e.target.value);
}}
/>
);
};
export const Default = Template.bind({});
Default.args = {
defaultCountry: {
locale: options[182].code, // default locale RU
dialCode: options[182].dialCode, // default dialCode +7
mask: options[182].mask, // default Russia mask
icon: options[182].flag, // default Russia flag
},
phonePlaceholderText: "7 XXX XXX-XX-XX",
searchPlaceholderText: "Search",
scaled: false,
searchEmptyMessage: "Nothing found",
errorMessage: "Сountry code is invalid",
};