/**
 * 인증 페이지 레이아웃 — TopAppBar(고정) + 컨텐츠 (하단 메뉴 없음)
 * 수정사항-030-1: 로그인/회원가입/비밀번호찾기 페이지용
 */
import { Outlet } from 'react-router-dom';
import styled from 'styled-components';
import TopAppBar from './TopAppBar';

const Shell = styled.div`
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--md3-background);
`;

const Content = styled.main`
  flex: 1;
  padding: 16px;
  padding-top: 72px; /* TopAppBar height(56px) + 여백 */
`;

export default function AuthLayout() {
  return (
    <Shell>
      <TopAppBar title="pCNT" showBack={false} />
      <Content>
        <Outlet />
      </Content>
    </Shell>
  );
}