import { Divider as MuiDivider, DividerProps as MuiDividerProps } from '@mui/material';
import './divider.scss';

export interface DividerProps extends MuiDividerProps {
    isDashed?: boolean
}

export const Divider = ({ absolute, orientation, light, variant, isDashed , ...rest }: DividerProps) => {
    return (
        <div className="divider-container">
            <MuiDivider className={`${orientation == 'vertical' ? 'vertical-divider' : 'horizontal-divider'} ${isDashed ? 'dashed' : ''}`}
                orientation={orientation}
                absolute={absolute}
                light={light}
                variant={variant}
                {...rest}>
            </MuiDivider>
        </div>
    );
}