<div class="status-toolbar"> <IconButton label="Reply" href="#fa-reply" /> <IconButton label="Boost" pressable="true" pressed="{{status.reblogged}}" href="{{status.visibility === 'private' ? '#fa-lock' : status.visibility === 'direct' ? '#fa-envelope' : '#fa-retweet'}}" /> <IconButton label="Favorite" pressable="true" pressed="{{status.favourited}}" href="#fa-star" /> <IconButton label="Show more actions" href="#fa-ellipsis-h" /> </div> <style> .status-toolbar { grid-area: status-toolbar; display: flex; justify-content: space-between; } </style> <script> import IconButton from '../IconButton.html' export default { components: { IconButton } } </script>