Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | 1x 1x | // @flow
import { Bar, Container, Percentage, Title, Wrapper } from "./styled"
import React from "react"
import { type SkillBarProps } from "@bluframe/bluoriginal"
const SkillBar = ({
isFilled,
percentage,
title
}: SkillBarProps): React$Node => (
<Wrapper>
<Title>
<em>{title}</em>
</Title>
<Container>
<Bar isFilled={isFilled} percentage={percentage} />
<Percentage>
<span>{`${percentage}%`}</span>
</Percentage>
</Container>
</Wrapper>
)
export default SkillBar
|