import { VFC } from 'react';
import { useRecoilState } from 'recoil';

import { counterState } from 'features/counter';
import ColorfulBeads from 'components/molecules/ColorfulBeads';

const EnhancedColorfulBeads: VFC<{ count?: number }> = () => {
  const [count, _] = useRecoilState(counterState);

  return <ColorfulBeads count={count} />;
};

export default EnhancedColorfulBeads;