import SectionContainer from "@/components/Section/Container"
import SectionHeader from "@/components/Section/Header"

import OneColumnList from "./OneColumnList"
import TwoColumnList from "./TwoColumnList"

import type { ShortcutsProps } from "@/types/components/myPages/myPage/shortcuts"

export default function Shortcuts({
  firstItem = false,
  shortcuts,
  subtitle,
  title,
  columns,
}: ShortcutsProps) {
  return (
    <SectionContainer>
      <SectionHeader preamble={subtitle} title={title} topTitle={firstItem} />
      {columns ? (
        <TwoColumnList linkList={shortcuts} />
      ) : (
        <OneColumnList linkList={shortcuts} />
      )}
    </SectionContainer>
  )
}
