### Usage
> ```bash
> npm i react-hartan
> ```
```jsx
import { Testimonial } from "react-hartan"
function App() {
return (
<>
)
}
export default App
```
### Customization With Props
* `review` -> Accepts a string value, used as the review content.
* `reviewerName` -> Accepts a string value, used as the reviewer's name.
* `reviewerPosition` -> Accepts a string value, used as the reviewer's designation.
* `id` -> The id prop is similar to the id attribute in HTML. It allows to provide overall component id.
* `userTestimonialStyle` -> Accepts class name(s) as string, custom styling prop for the testimonial section container.
* `userReviewStyle` -> Accepts class name(s) as string, custom styling prop for the container containing the review content.
* `userReviewerStyle` -> Accepts class name(s) as string, custom styling prop for the container containing reviewer name and designation.
{% tabs %}
{% tab title="Default" %}
{% code overflow="wrap" %}
```jsx
import { Testimonial } from "react-hartan"
function App() {
return (
<>
)
}
export default App
```
{% endcode %}
{% endtab %}
{% tab title="With Custom Props" %}
```jsx
// App.css
.bg-red{
padding: 2rem;
background-color: red;
}
.bg-pink{
background-color: pink;
}
// App.jsx
import { Testimonial } from "react-hartan"
function App() {
return (
<>
)
}
export default App
```
{% endtab %}
{% endtabs %}
### Component Code
This is the code for the Testimonial component.
{% tabs %}
{% tab title="Testimonial.jsx" %}
{% code overflow="wrap" %}
```jsx
import testimonialStyle from "./Testimonial.module.css"
import PropTypes from "prop-types"
const userreview = "Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint molestiae culpa nulla minus consequuntur voluptatem ad, facilis pariatur, cupiditate quas atque maxime quo a praesentium."
export default function Testimonial({ review = userreview, reviewerName = "Hartan", reviewerPosition = "UI/UX Designer", id, userTestimonialStyle, userReviewStyle, userReviewerStyle }) {
return (
