import * as React         from 'react';
import { SizeType }       from 'libs/ui/src/lib/util/global-props';
import { Wrapper }        from '../../../wrapper/wrapper.component';
import { tableClassName } from '../../utils';

const className = tableClassName('tfoot');

type PropsType = {
    children: React.ReactNode;

    padding?: SizeType;
    style?: React.CSSProperties;
};

export const TableFooter = React.memo((props: PropsType) => (
    <Wrapper
        className={ className }
        padding={ props.padding }
        style={ props.style }
    >
        { props.children }
    </Wrapper>
));