import {YogaDiscountComponent_Plain} from "@/types/generated-strapi-interfaces/api/yoga-discount-component";

export interface Props{
    config: YogaDiscountComponent_Plain
}
export default function YogaDiscountComponent({config: {
    headerPart1,headerDiscount,headerPart2,button,description
}}: Props){
    return (
        <section className="discount_section">
            <div className="container">
                <div className="row" data-aos="fade-up">
                    <div className="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div className="discount_content">
                            <h2>{headerPart1}<span>{headerDiscount}</span>{headerPart2}</h2>
                            <p>{description}</p>
                            {button && <div className="btn_wrapper">
                                <a href={button.link} className="text-decoration-none get_started">{button.label}</a>
                            </div>
                            }
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
}