// @flow
import React from 'react';
import docs from './use-break-point.mdx';
import { useBreakPoint } from '.';

export default {
  title: 'Hooks/useBreakPoint',
  component: useBreakPoint,
  parameters: {
    docs: {
      page: docs,
    },
  },
};

export const Normal = () => {
  const breakPoint = useBreakPoint();

  return (
    <div>{`Resize window to see the value of breakPoint change. Current value: ${breakPoint}`}</div>
  );
};
