import { MainLayout, MainHeaderBar } from '@/layouts'
import { FilterContainer, ContentContainer } from '@/features/list'
import { SidebarFooter } from '@/features/auth'

export function ListPage() {
  return (
    <MainLayout
      sidebarWidth="list"
      sidebar={<Sidebar />}
      header={
        <MainHeaderBar align="center" className="px-[81px]">
          <span className="text-xl font-bold whitespace-nowrap">견적 선택</span>
        </MainHeaderBar>
      }
    >
      <ContentContainer />
    </MainLayout>
  )
}

function Sidebar() {
  return (
    <>
      <FilterContainer />
      <SidebarFooter />
    </>
  )
}

export default ListPage