48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
|
// 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
|
|||
|
|
// }: any) => {
|
|||
|
|
// const [val, setValue] = useState(value);
|
|||
|
|
|
|||
|
|
// return (
|
|||
|
|
// <div style={{ height: "300px" }}>
|
|||
|
|
// <InputPhone
|
|||
|
|
// {...args}
|
|||
|
|
// value={val}
|
|||
|
|
// onChange={(e) => {
|
|||
|
|
// setValue(e.target.value), onChange(e.target.value);
|
|||
|
|
// }}
|
|||
|
|
// />
|
|||
|
|
// </div>
|
|||
|
|
// );
|
|||
|
|
// };
|
|||
|
|
|
|||
|
|
// export const Default = Template.bind({});
|
|||
|
|
// // @ts-expect-error TS(2339): Property 'args' does not exist on type '({ onChang... Remove this comment to see the full error message
|
|||
|
|
// Default.args = {
|
|||
|
|
// defaultCountry: {
|
|||
|
|
// locale: options[236].code, // default locale US
|
|||
|
|
// dialCode: options[236].dialCode, // default dialCode +1
|
|||
|
|
// mask: options[236].mask, // default US mask
|
|||
|
|
// icon: options[236].flag, // default US flag
|
|||
|
|
// },
|
|||
|
|
// phonePlaceholderText: "1 XXX XXX-XXXX",
|
|||
|
|
// searchPlaceholderText: "Search",
|
|||
|
|
// scaled: false,
|
|||
|
|
// searchEmptyMessage: "Nothing found",
|
|||
|
|
// errorMessage: "Сountry code is invalid",
|
|||
|
|
// };
|