src/components/buttons/DetailsRoundButton.js
import React from 'react';
import BaseRoundButtonShadow from './BaseRoundButtonShadow';
import DetailsIconSvgr from '../../assets/iconsSvgr/DetailsIconSvgr';
import {RoundButtonSize} from '../../utils/DimensionsConstants';
import {globalStyles} from '../../styles/styles';
/**
* Details button, round button with shadow
* @param {Object} props - Properties
* @param {RoundButtonSize} props.buttonSize - Size of the button
* @param {Object} props.containerStyle - Styling of the container
* @param {function} props.onPress - Action to be executed when the button is pressed
* @returns {Object} A round "details" button
*/
export default function DetailsRoundButton(props) {
// Retrieve props
const buttonSize = props.buttonSize;
const componentStyle = props.containerStyle;
const onPressAction = props.onPress;
return (
<BaseRoundButtonShadow
buttonSize={buttonSize}
componentStyle={componentStyle}
onPress={onPressAction}>
<DetailsIconSvgr style={globalStyles.fillWidth} />
</BaseRoundButtonShadow>
);
}