import React, { FC } from 'react';

import { StyledTableDivider } from '../styled-components';
import { useTheme } from '../../Theme';
import { Divider as SqDivider } from '../../Divider';

export const TableDivider: FC<{ style?: React.CSSProperties }> = ({ style }) => {
  const theme = useTheme();
  return (
    <StyledTableDivider className="square_table__row square-table-divider" $theme={theme} style={style}>
      <SqDivider size="small" style={{ backgroundColor: 'transparent' }} />
    </StyledTableDivider>
  );
};
