41 lines
963 B
TypeScript
41 lines
963 B
TypeScript
'use client'
|
|
|
|
// Third-party Imports
|
|
import classnames from 'classnames'
|
|
import type { CSSObject } from '@emotion/styled'
|
|
|
|
// Type Imports
|
|
import type { ChildrenType } from '@core/types'
|
|
|
|
// Util Imports
|
|
import { verticalLayoutClasses } from '@layouts/utils/layoutClasses'
|
|
|
|
// Styled Component Imports
|
|
import StyledFooter from '@layouts/styles/vertical/StyledFooter'
|
|
|
|
type Props = ChildrenType & {
|
|
overrideStyles?: CSSObject
|
|
}
|
|
|
|
const Footer = (props: Props) => {
|
|
// Props
|
|
const { children, overrideStyles } = props
|
|
|
|
return (
|
|
<StyledFooter
|
|
overrideStyles={overrideStyles}
|
|
className={classnames(
|
|
verticalLayoutClasses.footer,
|
|
verticalLayoutClasses.footerContentCompact,
|
|
verticalLayoutClasses.footerStatic,
|
|
verticalLayoutClasses.footerDetached,
|
|
'is-full'
|
|
)}
|
|
>
|
|
<div className={verticalLayoutClasses.footerContentWrapper}>{children}</div>
|
|
</StyledFooter>
|
|
)
|
|
}
|
|
|
|
export default Footer
|