24 lines
636 B
TypeScript
24 lines
636 B
TypeScript
import React from 'react'
|
|
import '@/assets/css/components/common/fit-center.scss'
|
|
|
|
interface FitCenterProps
|
|
extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
vertical?: boolean
|
|
}
|
|
|
|
const FitCenter: React.FC<FitCenterProps> = (props) => {
|
|
const { className, vertical, ..._props } = props
|
|
return (
|
|
<>
|
|
<div
|
|
className={`fit-center${className ? ' ' + className : ''}${
|
|
vertical ? ' flex-vertical' : ' flex-horizontal'
|
|
}`}
|
|
{..._props}
|
|
></div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default FitCenter
|