text: import React from 'react'
  import PropTypes from 'prop-types'
  import { Button } from '../buttons/Button'
  import cn from './Table.module.scss'
  
  export const Footer = ({
    pagination,
    submit_disabled,
    submit_text,
    button_width,
    button_variant,
    button_size,
    onSubmit
  }) => {
    if (pagination || submit_text) {
      return (
        <div className={cn.footer}>
          <div className={cn.flex} />
          {submit_text && (
            <Button
              onClick={onSubmit}
              variant={button_variant || 'primary'}
              button_size={button_size || 'medium'}
              width={button_width}
              disabled={submit_disabled}
            >
              {submit_text}
            </Button>
          )}
        </div>
      )
    }
    return null
  }
  
  Footer.defaultProps = {
    pagination: null, // todo
    submit_disabled: false,
    submit_text: null,
    button_variant: null,
    button_width: 'max-content',
    button_size: 'medium',
    onSubmit: () => {}
  }
  
  Footer.propTypes = {
    pagination: PropTypes.bool,
    submit_disabled: PropTypes.bool,
    submit_text: PropTypes.string,
    button_variant: PropTypes.string,
    button_size: PropTypes.string,
    button_width: PropTypes.string,
    onSubmit: PropTypes.func,
    footer: PropTypes.func
  }
  