تعریف className در styled-component

با سلام
وقتتون بخیر دوستان.
من میخوام از css-in-js استفاده کنم. برای Div، یک کلاس نیم تعریف کردم اما استایلش رو داخل styled-component نمیشناسه.
ممنون میشم راهنمایی کنید. چجوری داخل styled-component به classname ام استایل بدم.
سپاس

export default function Profile(props) {

    return (
        <Div className={container}>
        </Div>
    )
}

import styled from "styled-components";

const Div = styled.div`
    & .container{
    width:100px;
    height:100px;
    backgroundColor:red
    }
`;
export {Div};