index.js

import styled from 'styled-components'
import GoogleLogin from '../../organisms/auth/GoogleLogin'

export default function LoginPage() {
  return <StyledLoginProviders />
}

function LoginProviders({ className }) {
  return (
    <div className={`login-providers ${className}`}>
      <div className="login-provider">
        <GoogleLogin />
      </div>
    </div>
  )
}

const StyledLoginProviders = styled(LoginProviders)`
  display: flex;
  justify-content: center;
  padding-top: 100px;
`