import React, { useState, useEffect, useCallback, useMemo } from 'react';

// Redux part
import { useSelector, useDispatch } from 'react-redux';
import { StoreState } from 'store/rootReducer';

import classNames from 'classnames';
import TextItem from '../../items/TextItem';
import * as Styled from './{{pascalCase name}}.styled';

export interface {{pascalCase name}}Props {}

export const {{pascalCase name}} = (props: {{pascalCase name}}Props) => {
  // mapStateToProps
  const lg = useSelector((state: StoreState) => state.content.lg);
  // Allow to dispatch actions
  const dispatch = useDispatch();

  return (
    <Styled.{{pascalCase name}}>
      <TextItem path="{{pascalCase name}} Component" />
    </Styled.{{pascalCase name}}>
  );
};

export default {{pascalCase name}};