import React from 'react';
import PropTypes from 'prop-types';

import '../base';
import Spaced from './Spaced';


export default function CardAction({ children, readonlyVisible, ...props }, { readonly }) {

  if (readonly && !readonlyVisible) return <noscript />;

  return (
    <Spaced horizontal right>
      {children}
    </Spaced>
  );
}

CardAction.contextTypes = { readonly: PropTypes.bool };

CardAction.propTypes = {
  children: PropTypes.node.isRequired,
  readonlyVisible: PropTypes.bool
};

CardAction.defaultProps = {
  readonlyVisible: undefined
};