import React from 'react';
import { SBox } from '../../common/s-components/layout/s-box';

type TProps = {
  width: number;
  mr?: number;
};

export const SkeletonButton: React.FC<TProps> = props => {
  const { width, mr } = props;
  return (
    <SBox position="relative" overflow="hidden" height={44} borderRadius={22}>
      <SBox
        width={width}
        height={44}
        bg="eastBay"
        borderRadius={22}
        mr={mr || 0}
      />
    </SBox>
  );
};