import * as React from 'react';

export default function useIntroduce() {
  const [sexuality] = React.useState('man');

  const [framework] = React.useState(['Next.js', 'Astro']);
  const [buildTool] = React.useState(['webpack', 'rollup.js', 'Vite']);
  const [styling] = React.useState(['tailwindcss', 'styled-components', 'CSS']);
  const [testing] = React.useState(['vitest', 'jest', 'testing-library']);
  const [stateManagement] = React.useState(['redux', 'zustand', 'recoil']);

  return {
    sexuality,
    mainFramework: framework[0],
    withDesignSystem: buildTool.at(-1),
    favoriteStyling: styling.values().next().value,
    domTesting: testing.filter((tool) => tool !== 'jest'),
    stateManagement: stateManagement.slice(0, 2),
  };
}