import React from 'react';
import FetchIcon from '@assets/svg/FetchIcon';
import PlusSquare from '@assets/svg/PlusSquare';
import SquareCheck from '@assets/svg/SquareCheck';
import UploadIcon from '@assets/svg/UploadIcon';
import {Actions, Action, ActionIcon, ActionTitle} from '@styles/screens/home';

const CredentialActions = () => (
  <Actions>
    <Action disabled>
      <ActionIcon disabled>
        <FetchIcon />
      </ActionIcon>
      <ActionTitle disabled>Fetch</ActionTitle>
    </Action>
    <Action disabled>
      <ActionIcon disabled>
        <PlusSquare />
      </ActionIcon>
      <ActionTitle disabled>Add</ActionTitle>
    </Action>
    <Action disabled>
      <ActionIcon disabled>
        <SquareCheck />
      </ActionIcon>
      <ActionTitle disabled>Present</ActionTitle>
    </Action>
    <Action disabled>
      <ActionIcon disabled>
        <UploadIcon />
      </ActionIcon>
      <ActionTitle disabled>Share</ActionTitle>
    </Action>
  </Actions>
);

export default CredentialActions;