import { BtnWrapper, SearchbarStyle, SearchRow, Skeleton } from '../../styles/Components';

export const PageSkeleton = () => {
	return (
		<SearchbarStyle direction="column">
			<SearchRow>
				<Skeleton width="80%" height="35px" />
			</SearchRow>
			<SearchRow>
				<BtnWrapper $gap="8px">
					<Skeleton width="100px" height="35px" />
					<Skeleton width="35px" height="35px" />
				</BtnWrapper>
			</SearchRow>
		</SearchbarStyle>
	)
}