/**
 * TEAM: frontend_infra
 *
 * @flow
 */

import {storiesOf} from "@storybook/react";
import {text, withKnobs} from "@storybook/addon-knobs";
import sections from "../sections";
import PhoneNumber from "../../PhoneNumber";

const getPhoneNumber = () => ({
  phoneNumber: text("Phone number", "(855) 353-9123"),
});

// $FlowFixMe[invalid-export]
const stories = storiesOf(`${sections.dataDisplay}/PhoneNumber`, module);
stories.addDecorator(withKnobs);
stories.add("Phone number display", () => (
  <PhoneNumber {...getPhoneNumber()} />
));