44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import { cloneElement } from 'react'
|
|
import Container from '@/components/shared/Container'
|
|
import Card from '@/components/ui/Card'
|
|
import Logo from '@/components/template/Logo'
|
|
import type { ReactNode, ReactElement } from 'react'
|
|
import type { CommonProps } from '@/@types/common'
|
|
import { HiArrowLeft } from 'react-icons/hi'
|
|
|
|
interface SimpleProps extends CommonProps {
|
|
content?: ReactNode
|
|
}
|
|
|
|
const Simple = ({ children, content, ...rest }: SimpleProps) => {
|
|
return (
|
|
<div className="h-full">
|
|
<Container className="flex flex-col flex-auto items-center justify-center min-w-0 h-full">
|
|
<Card className="min-w-[320px] md:min-w-[450px]" bodyClass="md:p-10">
|
|
<a
|
|
href={import.meta.env.VITE_COMPANY_URL}
|
|
rel="noopener noreferrer"
|
|
className="top-0 right-0 text-gray-500 hover:text-gray-700"
|
|
>
|
|
<HiArrowLeft className="text-2xl" />
|
|
</a>
|
|
|
|
<div className="text-center">
|
|
<Logo type="streamline" imgClass="mx-auto" />
|
|
</div>
|
|
<div className="text-center">
|
|
{content}
|
|
{children
|
|
? cloneElement(children as ReactElement, {
|
|
contentClassName: 'text-center',
|
|
...rest,
|
|
})
|
|
: null}
|
|
</div>
|
|
</Card>
|
|
</Container>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Simple
|