import React from "react";
import { JDatomClasses } from '../../utils/utils';
import classNames from "classnames";
import { IDiv } from '../../types/interface';

interface IHorizen extends IDiv {
    margin: number;
}
export const Horizen: React.FC<IHorizen> = ({ margin, className, ...props }) => {
    const classes = classNames('JDhorizen', className, {
        ...JDatomClasses(props)
    })

    const Margin = margin * 0.4;

    return <div {...props} style={{
        margin: Margin + "rem",
        marginLeft: 0,
        marginRight: 0
    }} className={classes} />
}

export default Horizen;



// interface IVertical extends IDiv {
//     margin: number;
//     height: number;

// }
// export const Vertical: React.FC<IVertical> = ({ margin, height, className, ...props }) => {
//     const classes = classNames('JDvertical', className, {
//         ...JDatomClasses(props)
//     })

//     const Height = height * 0.4;
//     const Margin = margin * 0.4;

//     return <div {...props} style={{
//         height: Height + "rem",
//         margin: Margin + "rem",
//         marginTop: 0,
//         marginBottom: 0
//     }} className={classes} />
// }
